@charset "UTF-8";

img{
	object-position: center;
	object-fit:cover;
}

img.w100 {
	width: 100%;
	height: 300px;
}
img.h500 {
	height: 500px;
}

img.h5002 {
	height: 500px;
	object-fit: fill ;
}

.text-tl {
	text-align: left;
}

/* 重置表单样式 */
select::-ms-expand {
	display: none;
}

.j-leftfixed .items .word .tit {
	display: none;
}

.div-video {
	width: 80%;
	margin: 0 auto;
	max-width: 600px;
}

.nmimg {
	position: relative;
}

.nmimg .i0 {
	opacity: 0;
}

.nmimg .words {
	/*width: 31%;*/
	width:14%;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.nmimg .li {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	// background: #e6e6e6;
	background-color: #b28147;
	text-align: center;
	// color:#333333;
	color: #fff;
	cursor: pointer;
	font-size: .4rem;
	transition: .5s ease-in-out;
	position: absolute;
}

.nmimg .li:nth-child(n+2) {
	margin-top: .75rem;
}

.nmimg .li:nth-child(1) {
	top: 0;
	transform: translateY(-20%)
}

.nmimg .li:nth-child(2) {
	top: 34%;
	transform: translateY(-50%);
	margin-top: 0;
}

.nmimg .li:nth-child(3) {
	    bottom: 33%;
	transform: translateY(20%)
}
.nmimg .li:nth-child(4) {
	    bottom: 0%;
	transform: translateY(20%)
}

.nmimg .li:hover {
	background: #d80a09;
	color: #ffffff;
	transition: .5s ease-in-out;
}


.v-videofixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	padding: 0 !important;
	z-index: 45;
}

.v-videofixed .videobox {
	width: 70%;
	background: #ffffff;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 800px;
}

.v-videofixed .videobox .items {
	position: relative;
}

.v-videofixed .videobox .word {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #666;
	left: 0;
	text-align: center;
	padding: 10px;

}

input,
select,
textarea {
	box-shadow: none;
	outline: none;
	border: none;
	border-radius: 0;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0;
}

textarea {
	resize: none;
}

select::-ms-expand {
	display: none;
}

/* 更改placeholder颜色 */
input::-webkit-input-placeholder {
	color: #888;
}

input:-moz-placeholder {
	color: #888;
}

input::-moz-placeholder {
	color: #888;
}

input:-ms-input-placeholder {
	color: #888;
}

textarea::-webkit-input-placeholder {
	color: #888;
}

textarea:-moz-placeholder {
	color: #888;
}

textarea::-moz-placeholder {
	color: #888;
}

textarea:-ms-input-placeholder {
	color: #888;
}

.tit-20 {
	font-size: 20px;
}

.tit-48 {
	font-size: 1.2rem;
}

.tit-44 {
	font-size: 1.1rem;
}

.tit-36 {
	font-size: 0.9rem;
}

.tit-30 {
	font-size: 0.75rem;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 1 !important;
}

.pagination {
	text-align: center;
	display: block;
	font-size: 0;
	margin: 0;

}

.pagination a {
	display: inline-block;
	vertical-align: middle;
	width: 45px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: #666666;
	margin: 0 5px;
	transition: .5s ease-in-out;
}

.pagination a:hover,
.pagination a.active {
	background: #d80a09;
	border-color: #d80a09;
	color: #ffffff;
	transition: .5s ease-in-out;
}

/*m*/
.m-header {
	height: 45px;
	width: 100%;
	background: #ffffff;
}

.m-header.cur {
	position: absolute;
}

.m-header .w-header.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #ffffff;
}

.m-header .w-header {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	z-index: 24;
	height: 45px;
	background: #fff;
}

.m-header .welcome-a {
	float: left;
	width: 65%;
	height: 100%;
	line-height: 45px;
	position: relative;
}

.m-header .welcome-a img {
	max-height: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.m-header .search-cover {
	float: right;
	width: 35px;
	height: 48px;
	display: block;
	line-height: 48px;
}

.m-header .search-cover img {
	width: 100%;
	vertical-align: middle;
}

.m-header .uio {
	float: right;
	height: 100%;
	width: 65px;
}

.m-header .search-bg {
	position: fixed;
	left: 0;
	top: 48px;
	width: 100%;
	height: 150px;
	z-index: 10;
	background: #ffffff;
	display: none;
}

.m-header .subsearch {
	padding-right: 15px;
	border-right: 1px solid #d2d2d2;
	box-sizing: border-box;
}

.m-header .subsearch .sp {
	width: 35px;
	height: 35px;
	background-size: 80%;
}

.m-header .subsearch img {
	height: 100%;
}

.m-header .search-bg .m-close-search {
	display: block;
	width: 10px;
	height: 10px;
	background-size: 100% auto;
	position: fixed;
	right: 4%;
	top: 10px;
	cursor: pointer;
	z-index: 11;
}

.m-header .search-bg .m-search-box {
	width: 92%;
	margin: 0 auto;
	border-bottom: 1px solid #f2f2f2;
	position: absolute;
	left: 3%;
	top: 48px;
	height: 40px;
	z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
	border: none;
	font-size: 12px;
	color: #a7a7a7;
	height: 41px;
	padding-left: 5px;
	box-sizing: border-box;
	width: 60%;
	background: none;
}

.m-header .search-bg .m-search-box .search-btn {
	border: none;
	width: 30px;
	height: 30px;
	background-size: 100%;
	margin-top: 6px;
}

.m-header .btn-na {
	margin-right: 15px;
}

.m-header .nav-btn {
	position: absolute;
	right: 17px;
	top: 50%;
	width: 31px;
	height: 24px;
	vertical-align: middle;
	cursor: pointer;
	margin-top: -15px;
}

.m-header .nav-btn .line {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #d80a09;
	left: 0;
	border-radius: 2px;
}

.m-header .nav-btn .line1 {
	top: 0;
	-webkit-transform-origin: left top 0;
	-ms-transform-origin: left top 0;
	transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
	top: 11px;
	width: 70%;
}

.m-header .nav-btn .line3 {
	bottom: 0;
	-webkit-transform-origin: left bottom 0;
	-ms-transform-origin: left bottom 0;
	transform-origin: left bottom 0;
}

.bocweb-footer .bocweb-footer-bot br {
	display: none;
}

.m-header .nav-btn.active {
	-webkit-animation: rotate 0.3s linear 0s;
	animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
	left: 6px;
}

.icon-sousuo {
	cursor: pointer;
	text-align: center;
	width: 80px;
	border-left: 1px solid #e1e1e1;
	margin-left: 105px;
	font-size: 20px;
}

.icon-sousuo:hover {
	color: #059ea0;
}

.m-header .sub-menu {
	width: 100%;
	height: calc(100% - 45px);
	padding: 14px 0 0;
	display: none;
	position: fixed;
	left: 0;
	top: 45px;
	background-color: white;
	z-index: 20;
	color: #666;
	overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
	padding: 0 3%;
	box-sizing: border-box;
}

.m-header .sub-menu li .sub-tit .tu-box {
	padding: 13px 0;
	border-bottom: 1px solid #dcdcdc;
	box-sizing: border-box;
	position: relative;
}

.m-header .sub-menu li .sub-tit .tu-box .imgbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	bottom: 0;
	margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
	border-bottom-color: transparent;
}

.m-header .sub-menu li a {
	display: block;
}

.m-header .sub-menu .tit {
	display: block;
	width: 100%;
	padding: 10px 3%;
	box-sizing: border-box;
	line-height: 33px;
	color: #666;
	position: relative;
	font-size: 15px;
	line-height: 20px;
}

.m-header .sub-menu .tit a {
	color: #666;
}

.m-header .sub-menu .tit1 {
	display: block;
	width: 100%;
	line-height: 33px;
	color: #666;
	position: relative;
	font-size: 15px;
	line-height: 18px;
	box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
	background: url(../img/jpg/img6.png) center center no-repeat;
	background-size: 100%;
}

.m-header .sub-menu .btn-v {
	display: inline-block;
	height: 20px;
	width: 20px;
	float: right;
	margin-right: 16px;
	margin-top: 0;
	background: url(../img/jpg/img5.png) center center no-repeat;
	background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
	background-color: #ff0001;
	color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
	background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
	line-height: 28px;
	padding: 1px 1.5%;
	display: none;
	background: #f2f2f2;
}

.m-header .sub-menu .sec-list a {
	background-size: 8px auto;
	height: 43px;
	line-height: 43px;
	font-size: 13px;
	border-top: 1px solid #e8e8e8;
	box-sizing: border-box;
}

.m-header .sub-menu .sec-list a:nth-child(1) {
	border-top: none;
}

.m-header .sub-menu .sec-list a {
	padding-left: 21px;
	color: #888;
	display: block;
}

/*m*/
.con-banner {
	position: relative;
}

.con-banner .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding-top: 100px;
}

.con-banner .text {
	color: #fff;
	line-height: 1;
	padding-top: 5.125rem;
}

.con-banner .text .tit-en {
	font-weight: bold;
}

.con-banner .text .tit-cn {
	margin-top: 0.375rem;
	margin-bottom: 0.875rem;
}

.con-banner .text .line {
	background: #fff;
	height: 3px;
	width: 50px;
}

* {
	box-sizing: border-box;
}

/*video*/
.video-fixed .cha {
	/*        width: 25px;
          height: 25px;
          background: url(../img/jpg/x15.png) no-repeat center;
          background-size: 100%;
          position: absolute;
          right: 5px;
          top: 5px;*/
}

.video-fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 130;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}

.video-fixed .videoboxs .box {
	height: 100%;
}

.video-fixed .videoboxs {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: auto;
	margin-top: 0;
	background: #000;
	/*padding: 30px;*/
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	.video-fixed .videoboxs {
		width: 100%;
		height: 80%;
		bottom: 0;
		margin: auto;
	}

	.video-fixed .cha {
		right: 10px;
		top: -35px;
	}
}

/*banner*/
.con-banner .images {
	height: 20rem;
}

.column-swiper {
	line-height: 90px;
	height: 90px;
	text-align: center;
	position: relative;
}

.column-swiper .swiper-button-prev,
.column-swiper .swiper-button-next {
	width: 15px;
	height: 26px;
	background: transparent;
	margin: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}

.column-swiper .swiper-button-prev {
	background: url(../img/jpg/j13.png) no-repeat center;
	background-size: 100%;
	left: -45px;
}

.column-swiper .swiper-button-prev:hover {
	background: url(../img/jpg/j14.png) no-repeat center;
	background-size: 100%;
}

.column-swiper .swiper-button-next {
	background: url(../img/jpg/j15.png) no-repeat center;
	background-size: 100%;
	right: -45px;
}

.column-swiper .swiper-button-next:hover {
	background: url(../img/jpg/j16.png) no-repeat center;
	background-size: 100%;
}

.column-swiper .swiper-button-disabled {
	display: none;
}

.column-swiper .swiper-slide:nth-child(1) .items:before {
	display: none;
}

.column-swiper .items {
	display: block;
	font-size: 16px;
	color: #666666;
	position: relative;
	padding: 0 2%;
}

.column-swiper .items .span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.6;
}

.column-swiper .items:hover,
.column-swiper .items.active {
	color: #d80a09;
}

.column-swiper .items:hover:after,
.column-swiper .items.active:after {
	opacity: 1;
	transition: .5s ease-in-out;
}

.column-swiper .items:after {
	position: absolute;
	width: 100%;
	content: "";
	height: 4px;
	background: #d80a09;
	left: 0;
	bottom: 0;
	transition: .5s ease-in-out;
	opacity: 0;
}

.column-swiper .items:before {
	position: absolute;
	width: 1px;
	content: "";
	height: 15px;
	max-height: 30%;
	background: #cccccc;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

/*banner*/
/*video*/
.w1280 {
	width: 1280px;
	margin: 0 auto;
}

.secwen.animate {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	transition: 1s;
}

.secwen {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(30px);
	transition: .8s;
}

.animate.add1 {
	transition-delay: .1s;
}

.animate.add2 {
	transition-delay: .2s;
}

.animate.add3 {
	transition-delay: .3s;
}

.animate.add4 {
	transition-delay: .4s;
}

.animate.add5 {
	transition-delay: .5s;
}

.animate.add6 {
	transition-delay: .6s;
}

.animate.add7 {
	transition-delay: .7s;
}

.animate.add8 {
	transition-delay: .8s;
}

.animate.add9 {
	transition-delay: .9s;
}

.animate.add10 {
	transition-delay: 1.0s;
}

.animate.add11 {
	transition-delay: 1.1s;
}

.pcbox {
	display: block;
}

.mbox {
	display: none;
}

/*header*/
body.active .bocweb-header {
	background: #fff;
	transition: .5s ease-in-out;
	/*          .nav-li .nav-bot{
                left: 0;
                top: 100px;
                width: 6rem;
                border: 1px solid #e5e5e5;
                border-top: 3px solid $color;
                background: #fff;
                a{
                    color: #666;
                    border-bottom: 1px solid #e5e5e5;
                    padding: 0 .6rem;
                    &:hover{
                      background-color: $color;
                      color: #fff;
                    }
                }
            }*/
}

body.active .bocweb-header .nav-li .nav-top {
	color: #666;
}

body.active .bocweb-header .nav-li .nav-top:hover,
body.active .bocweb-header .nav-li .nav-top.active {
	color: #d80a09;
}

body.active .bocweb-header .nav-li .nav-top:hover:after,
body.active .bocweb-header .nav-li .nav-top.active:after {
	background: #d80a09;
}

.bocweb-header {
	line-height: 100px;
	height: 100px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 35;
	transition: .5s ease-in-out;
	background: rgba(255, 255, 255, 0.1);
}

.bocweb-header .header {
	padding-right: 1rem;
	transition: .5s ease-in-out;
}

.bocweb-header .header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

.bocweb-header .nav-li .nav-bot {
	left: 0;
	top: 100px;
	width: 6rem;
	border: 1px solid #e5e5e5;
	border-top: 3px solid #d80a09;
	background: #fff;
}

.bocweb-header .nav-li .nav-bot a {
	color: #666;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
}

.bocweb-header .nav-li .nav-bot a:hover,
.bocweb-header .nav-li .nav-bot a.active {
	background-color: #d80a09;
	color: #fff;
}

.bocweb-header.on {
	background: #fff;
	transition: .5s ease-in-out;
	/*        .nav-li .nav-bot{
              left: 0;
              top: 100px;
              width: 6rem;
              border: 1px solid #e5e5e5;
              border-top: 3px solid $color;
              background: #fff;
              a{
                  color: #666;
                  border-bottom: 1px solid #e5e5e5;
                  &:hover{
                    background-color: $color;
                    color: #fff;
                  }
              }
          }*/
}

.bocweb-header.on .header {
	background: #ffffff;
	transition: .5s ease-in-out;
}

.bocweb-header.on .nav-li .nav-top {
	color: #666;
}

.bocweb-header.on .nav-li .nav-top:hover,
.bocweb-header.on .nav-li .nav-top.active {
	color: #d80a09;
}

.bocweb-header.on .nav-li .nav-top:hover:after,
.bocweb-header.on .nav-li .nav-top.active:after {
	background: #d80a09;
}

.bocweb-header .nav-top {
	display: block;
}

.bocweb-header .nav-sousuo {
	width: 120px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 1.25rem;
}

.bocweb-header .nav-sousuo form {
	height: 100%;
}

.bocweb-header .nav-sousuo .input {
	position: absolute;
	background: #d80a09;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	border-radius: 35px;
	transition: .5s ease-in-out;
}

.bocweb-header .nav-sousuo.active .input {
	width: 250%;
	transition: .5s ease-in-out;
}

.bocweb-header .nav-sousuo input[type=submit] {
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -999px;
	overflow: hidden;
	width: 15px;
	height: 100%;
	background: url(../img/jpg/j1.png) no-repeat center;
	background-size: 15px 15px;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.bocweb-header .nav-sousuo input[type=text] {
	padding-left: 0.5rem;
	padding-right: 0.4rem;
	font-size: 12px;
	color: #fff;
	width: 100%;
}

.bocweb-header .nav-sousuo input {
	border: none;
	outline: none;
	background: none;
}

.bocweb-header .nav-sousuo input::-webkit-input-placeholder {
	color: #fff;
}

.bocweb-header .nav-sousuo input:-moz-placeholder {
	color: #fff;
}

.bocweb-header .nav-sousuo input::-moz-placeholder {
	color: #fff;
}

.bocweb-header .nav-sousuo input:-ms-input-placeholder {
	color: #fff;
}

.bocweb-header .bocweb-logo {
	display: block;
	width: 250px;
	height: 100px;
	margin-left: 25px;
}

.bocweb-header .nav-bot {
	display: none;
	position: absolute;
}

.bocweb-header .nav-bot .li {
	display: block;
	/*line-height: 30px;*/
	line-height: 1.25rem;
	color: rgba(255, 255, 255, 0.6);
	transition: .5s ease-in-out;
	padding: 0 .6rem;
}

.bocweb-header .nav-bot .li:hover,
.bocweb-header .nav-bot .li.active {
	color: #fff;
	transition: .5s ease-in-out;
}

.bocweb-header .nav-box {
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}

.bocweb-header .nav-li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 15px;
	color: #fff;
	padding: 0 0.75rem;
}

.bocweb-header .nav-li .nav-top {
	transition: .5s ease-in-out;
	color: #fff;
	position: relative;
}

.bocweb-header .nav-li .nav-top:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	background: #fff;
	left: 0;
	top: 0;
	transition: .5s ease-in-out;
	opacity: 0;
}

.bocweb-header .nav-li .nav-top:hover,
.bocweb-header .nav-li .nav-top.active {
	transition: .5s ease-in-out;
}

.bocweb-header .nav-li .nav-top:hover:after,
.bocweb-header .nav-li .nav-top.active:after {
	opacity: 1;
	transition: .5s ease-in-out;
}

/*footer*/
.bocweb-footer {
	background: #000000;
	font-size: 13px;
	color: #ffffff;
}

.bocweb-footer .selectcon .li {
	padding: 0 15px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.bocweb-footer .selectcon .li.on {
	position: relative;
}

.bocweb-footer .selectcon .li.on:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 12px;
	background: #5c5c5c;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.bocweb-footer .selectcon .selectbox {
	padding: 0;
	margin-left: 5px;
}

.bocweb-footer .select {
	width: 250px;
	position: relative;
	font-size: 13px;
}

.bocweb-footer .select .selecttop {
	border: 1px solid rgba(255, 255, 255, 0.2);
	height: 40px;
	line-height: 40px;
	width: 100%;
	padding-left: 15px;
	box-sizing: border-box;
	background: url(../img/jpg/j2.png) no-repeat scroll;
	background-position: 220px center;
	cursor: pointer;
	transition: .5s;
	color: #ffffff;
}

.bocweb-footer .select .selectbot {
	position: absolute;
	width: 100%;
	bottom: 40px;
	display: none;
}

.bocweb-footer .select .selectbot .i {
	display: block;
	line-height: 32px;
	padding-left: 10px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.5);
	color: rgba(255, 255, 255, 0.8);
}

.bocweb-footer a {
	color: rgba(255, 255, 255, 0.4);
	transition: .5s ease-in-out;
}

.bocweb-footer a:hover {
	color: #ffffff;
	transition: .5s ease-in-out;
}

.bocweb-footer .bocweb-footer-box {
	font-size: 0;
}

.bocweb-footer .bocweb-footer-box .footer-nav {
	display: inline-block;
	font-size: 13px;
	vertical-align: top;
}

.bocweb-footer .bocweb-footer-box a {
	display: block;
}

.bocweb-footer .bocweb-footer-top {
	padding-top: 2.5rem;
}

.bocweb-footer .bocweb-footer-top .footer-nav {
	width: 13%;
	margin-left: 4%;
}

.bocweb-footer .bocweb-footer-top .footer-nav:nth-child(1) {
	margin-left: 0;
}

.bocweb-footer .bocweb-footer-top .footer-nav .nav-top {
	font-size: 16px;
	color: #ffffff;
	line-height: 1;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bocweb-footer .bocweb-footer-top .footer-nav .nav-bot {
	padding-top: 15px;
}

.bocweb-footer .bocweb-footer-top .footer-nav .nav-bot .li {
	line-height: 1.3;
	padding: 5px 0;
}

.bocweb-footer .bocweb-footer-c {
	padding-top: 2rem;
	padding-bottom: 0.625rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bocweb-footer .bocweb-footer-c .logo {
	width: 100%;
	overflow: hidden;
}

.bocweb-footer .bocweb-footer-c .selectbox {
	font-size: 0;
}

.bocweb-footer .bocweb-footer-c .selectbox .li {
	font-size: 13px;
	display: inline-block;
}

.bocweb-footer .bocweb-footer-bot {
	line-height: 85px;
	height: 85px;
	font-size: 13px;
	color: #666666;
}

.bocweb-footer .bocweb-footer-bot .fx span {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	padding-right: 10px;
}

.bocweb-footer .bocweb-footer-bot .fx a {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	float: none;
	padding: 0;
	margin: 0;
	width: 20px;
	height: 20px;
	opacity: .5;
	transition: .5s ease-in-out;
	margin-left: 15px;
}

.bocweb-footer .bocweb-footer-bot .fx a:hover {
	transition: .5s ease-in-out;
	opacity: 1;
}

.bocweb-footer .bocweb-footer-bot .fx .bds_sqq {
	background: url(../img/jpg/qq.png) no-repeat center;
	background-size: 100%;
}

.bocweb-footer .bocweb-footer-bot .fx .bds_weixin {
	background: url(../img/jpg/wx.png) no-repeat center;
	background-size: 100%;
}

.bocweb-footer .bocweb-footer-bot .fx .bds_tsina {
	background: url(../img/jpg/wb.png) no-repeat center;
	background-size: 100%;
}

/*home*/
.wel-more {
	display: block;
	/* width: 160px;
	height: 45px;
	line-height: 45px; */
	width: 90px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border: 1px solid #999999;
	color: #666;
	text-align: center;
	transition: .5s ease-in-out;
}

.wel-more:hover {
	color: #fff;
	background: #d80a09;
	transition: .5s ease-in-out;
}

.wel-more:hover span {
	background: url(../img/jpg/j0.png) no-repeat center;
	background-size: 100%;
}

.wel-more.on {
	color: #fff;
	background: #d80a09;
}

.wel-more.on span {
	background: url(../img/jpg/j0.png) no-repeat center;
	background-size: 100%;
}

.wel-more.on:hover span {
	transform: translateX(10px);
	transition: .5s ease-in-out;
}

.wel-more span {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 8px;
	background: url(../img/jpg/j3.png) no-repeat center;
	background-size: 100%;
	margin-left: 10px;
	transition: .5s ease-in-out;
}

.wel-service .items .img {
	height: 500px;
}

.con-swiper .buts {
	font-size: 0;
	text-align: center;
}

.con-swiper .buts .swiper-pagination {
	width: 100%;
	text-align: center;
}

.con-swiper .buts .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #989a97;
	margin: 0 5px;
	transition: .5s ease-in-out;
	display: inline-block;
	vertical-align: middle;
}

.con-swiper .buts .swiper-pagination-bullet:hover {
	background: #d80a09;
	transition: .5s ease-in-out;
}

.con-swiper .buts .swiper-pagination-bullet-active {
	background: #d80a09;
	width: 35px;
	transition: .5s ease-in-out;
}

.wel-banner .buts .swiper-pagination {
	bottom: 115px;
}

.wel-banner .items {
	display: block;
	position: relative;
}

.wel-banner .images {
	height: 24.5rem;
}

.wel-banner .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding-top: 100px;
}

.wel-banner .text {
	padding-top: 4.625rem;
	color: #d80a09;
	line-height: 1.2;
}

.wel-banner .text .titen {
	font-size: 1.4rem;
	line-height: 1.1;
	color: #d80a09;
	font-family: "Microsoft YaHei UI", Arial;
	font-weight: bold;
}

.wel-banner .text .txtcn {
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 0.75rem;
	margin-bottom: 1.625rem;
}

.scroll-btn {
	position: relative;
	width: 110px;
	margin: 0 auto;
	text-align: center;
	height: 1px;
	cursor: pointer;
}

.scroll-btn .i {
	width: 1px;
	height: 120px;
	background: #000;
	position: relative;
	z-index: 5;
	margin: 0 auto;
	margin-top: -60px;
}

.scroll-btn .i:after {
	content: "";
	position: absolute;
	height: 50%;
	width: 1px;
	background: #ffffff;
	left: 0;
	top: 0;
}

.wel-banner {
	position: relative;
}

.wel-banner .scroll-btn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.wel-banner .scroll-btn .span {
	position: absolute;
	font-size: 14px;
	font-family: Arial;
	color: #ffffff;
	text-transform: uppercase;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 5;
	text-align: center;
	padding-bottom: 75px;
}

.con-text .tit-en {
	font-size: 1.375rem;
	font-family: "Microsoft YaHei", Arial;
	line-height: 1.1;
	font-weight: bold;
}

.con-text .tit-cn {
	font-size: 1rem;
	color: #333333;
	line-height: 1.1;
	margin-top: 15px;
}

.text-con {
	font-size: 16px;
	line-height: 36px;
	/*color:#666;*/
}

.z-span {
	position: absolute;
	line-height: .8;
	bottom: -3%;
	left: -3%;
	font-size: 7.5rem;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.03);
	text-transform: uppercase;
	z-index: -2;
}

.wel-profile {
	position: relative;
	overflow: hidden;
}

.wel-profile .s-span {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 0;
}

.wel-profile .profile {
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
	position: relative;
	z-index: 5;
}

.wel-profile .profile .words,
.wel-profile .profile .images {
	width: 50%;
}

.wel-profile .profile .words {
	padding-top: 1.5rem;
	padding-left: 1.25rem;
}

.wel-profile .profile .words .text {
	font-size: 15px;
	color: #666666;
	line-height: 36px;
	height: 108px;
	margin-top: 1.125rem;
	margin-bottom: 2.625rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.wel-profile .profile .images {
	position: relative;
	padding-bottom: 2.75rem;
	padding-right: 4.75rem;
}

.wel-profile .profile .images .video {
	position: relative;
	z-index: 2;
	width: 450px;
	height: 600px;
	overflow: hidden;
	cursor: pointer;
}

.wel-profile .profile .images .video img {
	transition: .5s ease-in-out;
}

.wel-profile .profile .images .video:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.wel-profile .profile .images .video:after {
	position: absolute;
	content: "";
	width: 60px;
	height: 60px;
	background: url(../img/jpg/play.png) no-repeat center;
	background-size: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.wel-profile .profile .images .img {
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: 280px;
	height: 280px;
}

.wel-service {
	overflow: hidden;
	background: #ececec;
}

.wel-service .service {
	padding-top: 3.75rem;
	position: relative;
	padding-bottom: 2.25rem;
	z-index: 4;
}

.wel-service .welservice-con .con-text {
	position: relative;
}

.wel-service .welservice-con .buts {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 30px;
	line-height: 30px;
}

.wel-service .button,
.wel-service .page {
	display: inline-block;
	vertical-align: middle;
}

.wel-service .page {
	margin-left: 1.25rem;
}

.wel-service .swiper-pagination,
.wel-service .swiper-button-prev,
.wel-service .swiper-button-next {
	position: static;
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	transition: .5s ease-in-out;
}

.wel-service .swiper-pagination {
	font-size: 18px;
	color: #999999;
}

.wel-service .swiper-pagination .swiper-pagination-current {
	font-weight: bold;
	color: #d80a09;
}

.wel-service .buts {
	line-height: 1;
}

.wel-service .button {
	width: 40px;
}

.wel-service .swiper-button-prev,
.wel-service .swiper-button-next {
	width: 100%;
	height: 20px;
}

.wel-service .swiper-button-disabled {
	opacity: 0 !important;
	transition: .5s ease-in-out;
}

.wel-service .swiper-button-next {
	background: url(../img/jpg/j9.png) no-repeat center;
	background-size: 100%;
}

.wel-service .swiper-button-prev {
	background: url(../img/jpg/j12.png) no-repeat center;
	background-size: 100%;
}

.wel-service .service-bg {
	width: 850px;
	left: 2.25rem;
	height: calc(100% - 2rem);
	position: absolute;
	bottom: 0;
	background: #ffffff;
	overflow: hidden;
}

.wel-service .service-bg .text-bg {
	font-size: 7.5rem;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.03);
	line-height: .9;
	position: absolute;
	width: 100%;
	left: -3%;
	bottom: -3%;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
}

.wel-service .welservice-con {
	position: relative;
	z-index: 3;
}

.wel-service .swiper-container {
	overflow: visible;
}

.wel-service .service-swiper {
	margin-top: 1.375rem;
}

.wel-service .welservice-con {
	width: 900px;
	margin: 0 auto;
}

.wel-service .swiper-slide-active .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.wel-service .swiper-slide-active .items .img:before {
	transition: .5s ease-in-out;
	opacity: 1;
}

.wel-service .swiper-slide-active .items .img:after {
	transition: .5s ease-in-out;
	opacity: 0;
}

.wel-service .swiper-slide-active .items .words {
	opacity: 1;
	transition: .5s ease-in-out;
}

.wel-service .items {
	display: block;
	position: relative;
}

.wel-service .items .words {
	padding-top: .75rem;
	opacity: 0;
	transition: .5s ease-in-out;
}

.wel-service .items .words .tit {
	font-size: .75rem;
	color: #1a1a1a;
	line-height: 1rem;
	height: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.wel-service .items .words .txt {
	font-size: 0;
	margin-top: .75rem;
}

.wel-service .items .words .txt img {
	margin-right: 0.25rem;
}

.wel-service .items .words .txt img,
.wel-service .items .words .txt .span {
	display: inline-block;
	vertical-align: middle;
}

.wel-service .items .words .li {
	display: inline-block;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 25px;
}

.wel-service .items .words .li:nth-child(n+2) {
	margin-left: 1.25rem;
}

.wel-service .items .img {
	position: relative;
	overflow: hidden;
	display: block;
}

.wel-service .items .img img {
	transition: .5s ease-in-out;
}

.wel-service .items .img:before {
	content: "";
	position: absolute;
	width: 2rem;
	height: 2rem;
	right: 0;
	bottom: 0;
	background: url(../img/jpg/j8.png) #d80a09 no-repeat center;
	background-size: 100%;
	opacity: 0;
	transition: .5s ease-in-out;
	z-index: 2;
}

.wel-service .items .img:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
	transition: .5s ease-in-out;
}

.tc {
	text-align: center;
}

.wel-project {
	padding-top: 2.375rem;
	padding-bottom: 3.75rem;
	position: relative;
}

.wel-project .scroll-btn {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.wel-project .scroll-btn .i:after {
	display: none;
}

.wel-project .more {
	margin: 0 auto;
	margin-top: 1.5rem;
}

.wel-project .pro-list {
	margin-top: 1.25rem;
	font-size: 0;
}

.wel-project .pro-list .li:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.wel-project .pro-list .img {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.wel-project .pro-list .img img {
	transition: .5s ease-in-out;
	height: 100%;
}

.wel-project .pro-list .img:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/jpg/png.png) no-repeat left bottom;
	background-size: cover;
}

.wel-project .pro-list .items {
	display: inline-block;
	vertical-align: top;
}

.wel-project .pro-list .items .span {
	font-size: 0.6rem;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .5rem .75rem;
}

.wel-project .pro-list .center {
	width: 56%;
	margin: 0 2%;
}

.wel-project .pro-list .left,
.wel-project .pro-list .right {
	width: 29%;
	height:9rem;
	margin: .2rem;
}
.wel-project .pro-list .right {
	width: 29%;
	height: 10rem;
	margin: .2rem;
}

.wel-project .pro-list .li {
	position: relative;
	display: block;
	height: 100%;
}

.wel-project .pro-list .li:nth-child(2) {
	margin-top: 20px;
}

.wel-project .project {
	position: relative;
	z-index: 3;
}

.wel-news {
	padding-top: 2.875rem;
	padding-bottom: 4.375rem;
	background: #ececec;
}

.wel-news .items {
	cursor: pointer;
}

.wel-news a {
	display: block;
}

.wel-news .swiper-slide {
	width: auto;
}

.wel-news .news-con-list {
	margin-top: 1.5rem;
}

.wel-news .news-con-list .swiper-pagination {
	position: static;
	line-height: 1;
	margin-top: 1rem;
}

.wel-news .news-con-list .items {
	position: relative;
}

.wel-news .news-con-list .items .images {
	height: 300px;
	overflow: hidden;
}

.wel-news .news-con-list .items:hover .words {
	background: rgba(0, 74, 154, 0.9);
	transition: .5s ease-in-out;
}

.wel-news .news-con-list .items:hover .words .tit,
.wel-news .news-con-list .items:hover .words .txt,
.wel-news .news-con-list .items:hover .words .more {
	transition: .5s ease-in-out;
}

.wel-news .news-con-list .items:hover .words .time {
	color: rgba(255, 255, 255, 0.4);
}

.wel-news .news-con-list .items:hover .words .tit {
	color: #fff;
}

.wel-news .news-con-list .items:hover .words .txt {
	color: rgba(255, 255, 255, 0.6);
}

.wel-news .news-con-list .items:hover .words .more {
	background: url(../img/jpg/j0.png) no-repeat center;
	background-size: 100%;
}

.wel-news .news-con-list .items .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	padding: 1rem .75rem;
	padding-bottom: 0.875rem;
	transition: .5s ease-in-out;
}

.wel-news .news-con-list .items .time {
	line-height: 1;
	font-size: 14px;
	color: #d80a09;
}

.wel-news .news-con-list .items .tit,
.wel-news .news-con-list .items .txt,
.wel-news .news-con-list .items .more {
	transition: .5s ease-in-out;
}

.wel-news .news-con-list .items .tit {
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	height: 60px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-weight: bold;
	margin-top: 0.375rem;
	margin-bottom: .5rem;
}

.wel-news .news-con-list .items .txt {
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	color: #808080;
}

.wel-news .news-con-list .items .more {
	width: 12px;
	height: 8px;
	background: url(../img/jpg/j3.png) no-repeat center;
	background-size: 100%;
	margin-top: 1rem;
}

.wel-news .news-tit {
	position: relative;
	padding-top: 2.25rem;
	padding-left: 200px;
	border-bottom: 1px solid #d4d4d4;
}

.wel-news .news-tit .con-text {
	position: absolute;
	left: 0;
	top: 0;
}

.wel-news .news-tit .welnews-swiper {
	font-size: 16px;
	color: #1a1a1a;
}

.wel-news .news-tit .swiper-slide {
	line-height: 1;
}

.wel-news .news-tit .swiper-slide:nth-child(n+2) {
	padding-left: 1rem;
}

.wel-news .news-tit .swiper-slide .li {
	padding-bottom: 1.125rem;
	position: relative;
	cursor: pointer;
	transition: .5s ease-in-out;
}

.wel-news .news-tit .swiper-slide .li:hover,
.wel-news .news-tit .swiper-slide .li.active {
	color: #d80a09;
	transition: .5s ease-in-out;
}

.wel-news .news-tit .swiper-slide .li:hover:after,
.wel-news .news-tit .swiper-slide .li.active:after {
	opacity: 1;
	transition: .5s ease-in-out;
}

.wel-news .news-tit .swiper-slide .li:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	background: #d80a09;
	left: 0;
	bottom: 0;
	opacity: 0;
	transition: .5s ease-in-out;
}

.s-span {
	width: 11.75rem;
	height: 14.175rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.items-c{
	align-content: center;
	align-items: center;
}

.j-about-top {
	padding-top: 1.5rem;
	padding-bottom: 2rem;
	position: relative;
}

.j-about-top .a-span {
	width: 13.625rem;
	height: 10.375rem;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.j-about-top .wordsbox {
	position: relative;
	z-index: 2;
}

.j-about-top .tit {
	color: #333;
}

.j-about-top .txt {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	color: #d80a09;
}

.j-about-top .words {
	width: 48%;
}

.j-about-top .images {
	width: 600px;
}

.j-about-top .s-more {
	margin-top: 2.125rem;
}

.s-more {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #d80a09;
	line-height: 1.2;
	padding-bottom: 15px;
	border-bottom: 1px solid #d80a09;
	padding-right: 24px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}

.s-more:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 5px;
	right: 0;
	top: 8px;
	background: url(../img/jpg/j18.png) no-repeat center;
	background-size: 100%;
}

.s-more.on {
	color: #e60012;
	border-bottom-color: #e60012;
}

.s-more.on:after {
	background: url(../img/jpg/j65.png) no-repeat center;
	background-size: 100%;
}

.j-about-bot {
	height: 12.5rem;
}

.con-column {
	background: #f5f5f5;
}

.j-ab-botswiper {
	position: relative;
}

.j-ab-botswiper .words-box {
	padding-top: 1.5rem;
	text-align: center;
}

.j-ab-botswiper .words-box .swiper-slide:nth-child(1) .items:after {
	display: none;
}

.j-ab-botswiper .words-box .items {
	line-height: 1;
	padding: 0 .2rem;
	position: relative;
}

.j-ab-botswiper .words-box .items:after {
	content: "";
	position: absolute;
	height: 70%;
	width: 1px;
	background: rgba(255, 255, 255, 0.1);
	left: 0;
	top: 0;
}

.j-ab-botswiper .words-box .num {
	font-size: 2.5rem;
}

.j-ab-botswiper .words-box .span {
	line-height: 1.5;
	margin-top: .5rem;
	font-size: 16px;
}

.j-ab-botswiper .buts {
	font-size: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.j-ab-botswiper .swiper-button-next,
.j-ab-botswiper .swiper-button-prev {
	position: static;
	width: 50px;
	height: 50px;
	margin: 0;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.2);
	transition: .5s ease-in-out;
}

.j-ab-botswiper .swiper-button-next:hover,
.j-ab-botswiper .swiper-button-prev:hover {
	background-color: #d80a09;
	transition: .5s ease-in-out;
}

.j-ab-botswiper .swiper-button-prev {
	background-image: url(../img/jpg/prev.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.j-ab-botswiper .swiper-button-next {
	margin-left: .75rem;
	background-image: url(../img/jpg/next.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

.j-about-bot {
	color: #fff;
	padding-top: 1.875rem;
	padding-bottom: 3.5rem;
}

.j-about-bot .txt {
	line-height: 50px;
}

.j-about-bot .tit {
	padding-bottom: 1.25rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}

.j-leftfixed {
	left: 2.5rem;
	position: absolute;
}

.j-leftfixed .items {
	position: relative;
	display: block;
}

.j-leftfixed .items:nth-child(n+2) {
	margin-top: 0.875rem;
}

.j-leftfixed .items:hover .img,
.j-leftfixed .items.active .img {
	/*border-color: $color;*/
}

.j-leftfixed .items:hover .img img,
.j-leftfixed .items.active .img img {
	transition: .5s ease-in-out;
}

.j-leftfixed .items:hover .img .i0,
.j-leftfixed .items.active .img .i0 {
	opacity: 0;
}

.j-leftfixed .items:hover .img .i1,
.j-leftfixed .items.active .img .i1 {
	opacity: 1;
}

.j-leftfixed .items:hover .word,
.j-leftfixed .items.active .word {
	transition: .5s ease-in-out;
	opacity: 1;
	left: 0;
	padding-left: 75px;
}

.j-leftfixed .items .img {
	width: 50px;
	height: 50px;
	/*border:2px solid #999999;*/
	border-radius: 50%;
	position: relative;
	display: block;
}

.j-leftfixed .items .img img {
	display: block;
	transition: .5s ease-in-out;
}

.j-leftfixed .items .img .i1 {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.j-leftfixed .items .word {
	position: absolute;
	top: 0;
	width: 300px;
	line-height: 1;
	font-size: 14px;
	text-transform: uppercase;
	color: #d80a09;
	opacity: 0;
	left: 100%;
	transition: .5s ease-in-out;
	top: 50%;
	transform: translateY(-50%);
}

.j-leftfixed .items .word .txt {
	margin-top: 0.25rem;
}

.j-serve {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 4.25rem;
}

.j-serves-conbox .j-txt {
	margin-bottom: 1.75rem;
}

.text-con {
	text-align: center;
}

.text-con .j-tit {
	color: #333333;
	line-height: 1;
}

.text-con .j-txt {
	width: 80%;
	margin: 0 auto;
	margin-top: 1.25rem;
}

.j-estate .text-con .j-txt,
.j-serve .text-con .j-txt {
	text-align: justify;
}

.j-serves-swiper .swiper-slide,
.j-serves-swiper .itlist {
	display: block;
	border: 1px solid #cccccc;
	padding: .2rem;
	padding-top: 1.25rem;
	padding-bottom: .75rem;
	height: 230px;
}

.j-serves-swiper .items {
	display: block;
	position: relative;
	padding-top: 50px;
	line-height: 1;
	color: #666666;
	height: 100%;
	transition: .5s ease-in-out;
	text-align: center;
}

.j-serves-swiper .items .t-h0,
.j-serves-swiper .items .t-h1,
.j-serves-swiper .items .img,
.j-serves-swiper .items .line {
	transition: .5s ease-in-out;
}

.j-serves-swiper .items .t-h0 {
	font-size: .5rem;
	margin-top: 0.875rem;
}

.j-serves-swiper .items .t-h1 {
	font-size: 14px;
	color: #999999;
	margin-top: 0.375rem;
	margin-bottom: 0.6rem;
}

.j-serves-swiper .items .img {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	margin: auto;
}

.j-serves-swiper .items .line {
	width: 40px;
	height: 1px;
	background: #cccccc;
	margin: 0 auto;
}

.j-serves-swiper .items .more {
	display: inline-block;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 50%;
	opacity: 0;
	transform: translateX(-50%);
	z-index: -100;
	bottom: 1.125rem;
}

.j-serves-swiper {
	margin-top: 1.75rem;
}

.ser-swiper {
	position: relative;
}

.ser-swiper .buts .swiper-button-prev,
.ser-swiper .buts .swiper-button-next {
	width: 40px;
	height: 40px;
	border: 2px solid #d80a09;
	border-radius: 50%;
	transition: .5s ease-in-out;
}

.ser-swiper .buts .swiper-button-prev:hover,
.ser-swiper .buts .swiper-button-next:hover {
	background-color: #d80a09;
}

.ser-swiper .buts .swiper-button-prev {
	left: -20px;
	background: url(../img/jpg/prev0.png) #fff no-repeat center;
	background-size: 100%;
}

.ser-swiper .buts .swiper-button-prev:hover {
	background: url(../img/jpg/prev.png) #d80a09 no-repeat center;
	background-size: 100%;
}

.ser-swiper .buts .swiper-button-next {
	right: -20px;
	background: url(../img/jpg/next0.png) #fff no-repeat center;
	background-size: 100%;
}

.ser-swiper .buts .swiper-button-next:hover {
	background: url(../img/jpg/next.png) #d80a09 no-repeat center;
	background-size: 100%;
}

.j-estate-01 {
	padding-top: 3rem;
	padding-bottom: 2.25rem;
}

.j-estate-02 {
	min-height: 24rem;
	background: url(../img/jpg/j27.png) #f5f5f5 no-repeat center;
	background-size: cover;
	padding-top: 2.5rem;
	padding-bottom: 2.875rem;
	position: relative;
}

.j-estate-02 .tit {
	line-height: 1;
}

.j-estate-02 .map {
	margin-left: -60px;
}

.j-estate-02 .words {
	width: 360px;
}

.j-estate-02 .text-box {
	background: #d80a09;
	border-radius: 10px;
	position: relative;
	color: #fff;
	padding: 1rem .5rem .75rem .75rem;
}

.j-estate-02 .text-box:after {
	position: absolute;
	content: "";
	width: 11px;
	height: 22px;
	top: 3.25rem;
	left: -11px;
	background: url(../img/jpg/j30.png) no-repeat center;
	background-size: 100%;
}

.j-estate-02 .estate02 {
	position: relative;
}

.j-estate-02 .select .li {
	margin-bottom: .75rem;
}

.j-estate-02 .select select {
	width: 100%;
	border: none;
	outline: none;
	background: none;
	border: 1px solid #c4c4c4;
	height: 50px;
	font-size: 14px;
	color: #999999;
	padding-left: .5rem;
	padding-right: .75rem;
	background: url(../img/jpg/j31.png) no-repeat 90%;
}

.j-estate-02 .words {
	position: relative;
}

.j-estate-02 .wordss {
	font-size: 0;
	color: #666666;
	line-height: 1;
	position: absolute;
	top: 10rem;
	right: 0;
	text-align: right;
}

.j-estate-02 .wordss .p {
	line-height: 0.75rem;
	font-size: 0.4rem;
}

.j-estate-02 .wordss .txt {
	font-size: 0.5rem;
	color: #666666;
	margin-bottom: 0.55rem;
	margin-top: .5rem;
}

.j-estate-02 .wordss .text {
	color: #d80a09;
	letter-spacing: -.02rem;
	font-size: 0;
}

.j-estate-02 .wordss .text span {
	font-size: 1.5rem;
	font-family: Arial;
	display: inline-block;
	vertical-align: middle;
}

.j-estate-02 .wordss .text span sup,
.j-estate-02 .wordss .text span sub {
	font-size: .9rem;
}

.j-estate-02 .textbox {
	height: 490px;
	position: relative;
}

.j-estate-02 .textbox .txt {
	line-height: 1;
	font-size: 24px;
	height: 40px;
}

.j-estate-02 .textbox .list {
	height: calc(100% - 40px);
	overflow-y: auto;
}

.j-estate-02 .textbox .list .items {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.2;
}

.j-estate-02 .textbox .list .items .span {
	padding: .5rem 0;
}

.j-estate-02 .textbox .list::-webkit-scrollbar-track {
	background: #336eae;
}

.j-estate-02 .textbox .list::-webkit-scrollbar-thumb {
	background: #fff;
	/*border-radius: 4px;*/
}

.j-estate-02 .textbox .list::-webkit-scrollbar-thumb:window-inactive {
	background: #fff;
}

.j-estate-02 .textbox .list::-webkit-scrollbar-thumb:vertical:hover {
	background: #fff;
}

.j-estate-03 {
	padding-top: 2.25rem;
	padding-bottom: 1.75rem;
}

.j-estate-03 .tit {
	line-height: 1;
	margin-bottom: 1.25rem;
}

.j-estate-03 .items {
	position: relative;
	cursor: pointer;
}

.j-estate-03 .items:hover .words .text,
.j-estate-03 .items:hover .words .tbox {
	transition: .5s ease-in-out;
}

.j-estate-03 .items:hover .words .tbox {
	opacity: 1;
}

.j-estate-03 .items:hover .words .text {
	opacity: 0;
}

.j-estate-03 .items .images {
	overflow: hidden;
}

.j-estate-03 .items .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #fff;
}

.j-estate-03 .items .words .t0 {
	line-height: 1.1;
}

.j-estate-03 .items .words .line {
	margin-top: .75rem;
	margin-bottom: .75rem;
	width: 50px;
	height: 2px;
	background: rgba(255, 255, 255, 0.4);
}

.j-estate-03 .items .words .text {
	height: 1rem;
	line-height: 1rem;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-align: center;
}

.j-estate-03 .items .words .text,
.j-estate-03 .items .words .tbox {
	transition: .5s ease-in-out;
}

.j-estate-03 .items .words .tbox {
	padding: 1.625rem 0.875rem 1.5rem 0.875rem;
	height: 100%;
	background: url(../img/jpg/j34.png) no-repeat center;
	background-size: cover;
	overflow: hidden;
	overflow-y: auto;
	opacity: 0;
}

.j-estate-03 .list-bot {
	font-size: 0;
	margin-top: .75rem;
}

.j-estate-03 .list-bot .items {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-left: 2%;
	margin-bottom: 2%;
}

.j-estate-03 .list-bot .items:nth-child(2n+1) {
	margin-left: 0;
}

.j-estate-bot {
	position: relative;
	line-height: 200px;
}

.j-estate-bot .images {
	height: 200px;
}

.j-estate-bot img {
	display: inline-block;
	width: 100px;
}

.j-estate-bot .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: #fff;
	display: block;
}

.j-estate-bot:hover .tit:after {
	right: 10px;
	transition: .5s ease-in-out;
}

.j-estate-bot .tit {
	padding-right: 110px;
	position: relative;
}

.j-estate-bot .tit:after {
	position: absolute;
	width: 50px;
	height: 50px;
	content: "";
	background: url(../img/jpg/next.png) no-repeat center;
	background-size: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: .5s ease-in-out;
}

.j-estate-bot .tit,
.j-estate-bot .img {
	height: 100%;
}

.j-estate-bot .text {
	height: 100%;
}

.j-text .t0 {
	font-size: 18px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 25px;
	color: #333333;
}

.j-text .t1 {
	font-size: 14px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
	color: #666666;
	margin-top: 0.375rem;
	margin-bottom: 1rem;
}

.j-span {
	width: 16px;
	height: 12px;
	background: url(../img/jpg/j40.png) no-repeat center;
	background-size: 100%;
}

.j-news-select {
	font-size: 0;
}

.j-news-select .li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #999999;
	height: 50px;
	background: #f5f5f5;
	margin-left: 1.6666666667%;
}

.j-news-select .li:nth-child(1) {
	margin-left: 0;
}

.j-news-select .li input,
.j-news-select .li select {
	height: 100%;
	width: 100%;
	background: unset;
	padding-left: .5rem;
}

.j-news-select .li select {
	background: url(../img/jpg/j39.png) no-repeat calc(100% - .5rem);
}

.j-news-select .select {
	width: 20%;
}

.j-news-select .input {
	width: 40%;
}

.j-news-select .submit {
	width: 15%;
	background: #d80a09;
	color: #fff;
	position: relative;
}

.j-news-select .submit:after {
	position: absolute;
	content: "";
	right: 1.75rem;
	width: 20px;
	height: 20px;
	top: 0;
	bottom: 0;
	background: url(../img/jpg/j41.png) no-repeat center;
	background-size: 100%;
	margin: auto;
}

.j-news-select .submit input {
	padding-left: 0;
	text-align: left;
	padding-left: 1.75rem;
}

.j-news-top {
	position: relative;
}

.j-news-top .images,
.j-news-top .words {
	width: 50%;
}

.j-news-top .words {
	height: 100%;
	position: absolute;
	right: 0;
}

.j-news-top .words .p {
	font-size: 14px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
	color: #666666;
}

.j-news-top .words .tit-01,
.j-news-top .words .tit-02,
.j-news-top .words .p {
	transition: .5s ease-in-out;
}

.j-news-top .words .tit {
	line-height: 23px;
	height: 23px;
	margin-bottom: 0.625rem;
}

.j-news-top .words .tit .tit-01 {
	font-size: 18px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 100%;
	max-width: calc(100% - 80px);
}

.j-news-top .words .tit .tit-02 {
	font-size: 13px;
	color: #e60012;
}

.j-news-top .words .li {
	height: 33.3%;
	display: block;
	padding: 0.375rem 0.5rem 0.75rem 1.25rem;
	position: relative;
}

.j-news-top .words .li .tit-01,
.j-news-top .words .li .tit-02,
.j-news-top .words .li .p {
	transition: .5s ease-in-out;
}

.j-news-top .words .li:hover,
.j-news-top .words .li.active {
	background: #d80a09;
	transition: .5s ease-in-out;
	color: #fff;
}

.j-news-top .words .li:hover .tit-01,
.j-news-top .words .li.active .tit-01 {
	color: #ffffff;
}

.j-news-top .words .li:hover .tit-02,
.j-news-top .words .li.active .tit-02 {
	color: rgba(255, 255, 255, 0.4);
}

.j-news-top .words .li:hover .p,
.j-news-top .words .li.active .p {
	color: rgba(255, 255, 255, 0.6);
}

.j-news-top .words .li:hover:after,
.j-news-top .words .li.active:after {
	transition: .5s ease-in-out;
	opacity: 0;
}

.j-news-top .words .li:after {
	position: absolute;
	content: "";
	height: 1px;
	width: calc(100% - (50rem/40));
	background: #e5e5e5;
	right: 0;
	bottom: 0;
	transition: .5s ease-in-out;
}

.j-news-top .images .items {
	position: relative;
}

.j-news-top .images .items .span {
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 18px;
	color: #fff;
	line-height: 1.6;
	padding: 0.875rem 0.625rem;
	transition: .5s ease-in-out;
}

.j-news-top .items {
	display: block;
}

.j-news-bot .list {
	font-size: 0;
	padding-bottom: 1rem;
}

.j-news-bot .items {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width: 32%;
	margin-left: 2%;
	margin-bottom: 1.125rem;
}

.j-news-bot .items .txt {
	position: relative;
}

.j-news-bot .items .txt .span {
	width: 16px;
	height: 12px;
	background: url(../img/jpg/j40.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.j-news-bot .items .txt .num {
	line-height: 1;
}

.j-news-bot .items .txt .n {
	font-size: 30px;
	margin-bottom: 10px;
	color: #e60012;
}

.j-news-bot .items .txt .m {
	font-size: 13px;
	color: #999999;
}

.j-news-bot .items .img {
	overflow: hidden;
}

.j-news-bot .items .img img {
	transition: .5s ease-in-out;
}

.j-news-bot .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.j-news-bot .items .words {
	padding-top: 0.875rem;
}

.j-news-bot .items .words .t0 {
	font-size: 18px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	height: 25px;
	color: #333333;
}

.j-news-bot .items .words .t1 {
	font-size: 14px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
	color: #666666;
	margin-top: 0.375rem;
	margin-bottom: 1rem;
}

.j-news-bot .items .words .txt {
	border-top: 1px solid #e5e5e5;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}

.j-news-bot .items:nth-child(3n+1) {
	margin-left: 0;
}

.j-news {
	padding-top: 2.75rem;
	padding-bottom: 4.25rem;
}

.j-news .j-news-select {
	margin-bottom: 2rem;
}

.j-news .j-news-bot {
	margin-top: 2rem;
}

.j-announcement .time {
	color: #e60012;
	margin-bottom: 15px;
}

.j-announcement .list {
	padding-bottom: 1.25rem;
}

.j-announcement .items {
	display: block;
	margin-bottom: .75rem;
	background: #f5f5f5;
	padding: 0 20px;
	height: 250px;
	line-height: 250px;
}

.j-announcement .items:hover .words .t0 {
	color: #d80a09;
	transition: .5s ease-in-out;
}

.j-announcement .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.j-announcement .items .t0 {
	font-size: 24px;
	line-height: 30px;
	height: 30px;
}

.j-announcement .items.active .words {
	width: 100%;
}

.j-announcement .items.active .img {
	display: none;
}

.j-announcement .items .i {
	overflow: hidden;
}

.j-announcement .items img {
	display: block;
	transition: .5s ease-in-out;
}

.j-announcement .items .box {
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}

.j-announcement .items .words {
	width: calc(100% - 300px);
	padding-left: 130px;
	position: relative;
	height: 100%;
}

.j-announcement .items .img {
	padding: 20px 0;
}

.j-announcement .items .num {
	width: 130px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #dcdcdc;
	padding-right: 10px;
	text-align: center;
	font-size: 16px;
	color: #e60012;
	font-family: Arial;
}

.j-announcement .items .num .n {
	font-size: 1.5rem;
	margin-bottom: 15px;
}

.j-announcement .items .text {
	padding-left: 1.25rem;
	padding-right: 1.875rem;
}

.j-announcement .items .text:after {
	position: absolute;
	content: "";
}

.j-tabloid {
	padding-top: 0.25rem;
}

.j-tabloid .list {
	font-size: 0;
}

.j-tabloid .list .items {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin-left: 2%;
}

.j-tabloid .list .items img {
	transition: .5s ease-in-out;
}

.j-tabloid .list .items .img {
	overflow: hidden;
}

.j-tabloid .list .items .j-span {
	background: url(../img/jpg/j43.png) no-repeat center;
	background-size: 100%;
	transition: .5s ease-in-out;
}

.j-tabloid .list .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.j-tabloid .list .items:hover .words .tit {
	color: #d80a09;
	transition: .5s ease-in-out;
}

.j-tabloid .list .items:hover .j-span {
	background: url(../img/jpg/j40.png) no-repeat center;
	background-size: 100%;
	transition: .5s ease-in-out;
}

.j-tabloid .list .items:nth-child(3n+1) {
	margin-left: 0;
}

.j-tabloid .list .items .words {
	padding-bottom: 1.25rem;
	padding-top: 0.875rem;
}

.j-tabloid .list .items .tit {
	margin-bottom: .75rem;
	transition: .5s ease-in-out;
}

.j-tabloid .list .items .words .tit {
	/*height: 56px;*/
	line-height: 26px;
	font-size: 16px;
	color: #333333;
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	/*-webkit-line-clamp: 2;*/
	/*overflow: hidden;*/
}

.j-video .list {
	font-size: 0;
	padding-bottom: 0.25rem;
}

.j-video .items {
	display: block;
	width: 49%;
	margin-left: 2%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.j-video .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.j-video .items .img {
	overflow: hidden;
}

.j-video .items img {
	transition: .5s ease-in-out;
	max-height: 300px;
	object-fit: cover;
}

.j-video .items .words {
	padding-top: 0.625rem;
	padding-bottom: 2.375rem;
}

.j-video .items .img {
	position: relative;
}

.j-video .items .img:after {
	position: absolute;
	width: 1.25rem;
	content: "";
	height: 1.25rem;
	background: url(../img/jpg/j44.png) no-repeat center;
	background-size: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.j-video .items:nth-child(2n+1) {
	margin-left: 0;
}

.j-video .items .tit {
	font-size: 18px;
	line-height: 28px;
	height: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.j-publications .list {
	font-size: 0;
	padding-bottom: .5rem;
}

.j-publications .items {
	display: inline-block;
	width: 16%;
	vertical-align: top;
	margin-left: 12%;
}

.j-publications .items .img {
	overflow: hidden;
}

.j-publications .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.j-publications .items:nth-child(4n+1) {
	margin-left: 0;
}

.j-publications .items img {
	transition: .5s ease-in-out;
}

.j-publications .items .words {
	padding-top: 0.625rem;
	padding-bottom: 1.375rem;
}

.j-publications .items .tit {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #333333;
	text-align: center;
}

.ideadevelopment {
	padding: 0 !important;
	margin: 0;
}

.attention-swiper {
	position: relative;
}

.attention-swiper .span,
.attention-swiper .swiper-pagination,
.attention-swiper .swiper-button-prev,
.attention-swiper .swiper-button-next {
	position: static;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	font-size: 14px;
	color: #999999;
}

.attention-swiper .swiper-pagination {
	padding-left: .25rem;
}

.attention-swiper .swiper-pagination .swiper-pagination-current {
	color: #d80a09;
}

.attention-swiper .span {
	line-height: 25px;
	position: relative;
}

.attention-swiper .span:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 1px;
	background: #c4c4c4;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.attention-swiper .swiper-button-prev,
.attention-swiper .swiper-button-next {
	width: 10px;
	height: 20px;
	margin: 0;
	opacity: .6;
	margin: 0 .5rem;
}

.attention-swiper .swiper-button-prev:hover,
.attention-swiper .swiper-button-next:hover {
	opacity: 1;
}

.attention-swiper .swiper-button-prev {
	background: url(../img/jpg/j48.png) no-repeat center;
	background-size: 100%;
}

.attention-swiper .swiper-button-next {
	background: url(../img/jpg/j47.png) no-repeat center;
	background-size: 100%;
}

.attention-swiper .buts {
	position: absolute;
	right: 1.375rem;
	bottom: 1.125rem;
	z-index: 5;
}

.attention-top {
	padding-top: 3rem;
	padding-bottom: 2.5rem;
}

.attention-top .items {
	display: block;
	position: relative;
}

.attention-top .items .img {
	position: relative;
}

.attention-top .items:hover img {
	transform: scale3d(1.05, 1.05, 1);
	transition: .5s ease-in-out;
}

.attention-top .items .img {
	overflow: hidden;
}

.attention-top .items .img img {
	transition: .5s ease-in-out;
}

.attention-top .items .t1 {
	height: 72px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.attention-top .items .words {
	background: #f5f5f5;
	position: absolute;
	height: 100%;
	right: 0;
	padding: 1.875rem 1.375rem 1rem 1.25rem;
}

.attention-top .items .time {
	line-height: 25px;
	color: #999999;
	font-size: 14px;
	position: absolute;
	left: 1.25rem;
	bottom: 1.125rem;
}

.attention-top .img,
.attention-top .words {
	width: 50%;
}

.attention-center {
	background: url(../img/jpg/i13.jpg) no-repeat center;
	background-size: cover;
	padding-top: 1.75rem;
	padding-bottom: 2.875rem;
}

.attention-center .swiper-pagination {
	position: static;
}

.attention-bot {
	padding-top: 2.25rem;
	padding-bottom: 4.25rem;
}

.j-attention .pdf {
	width: 45px;
	height: 25px;
	line-height: 25px;
	border-radius: 3px;
	overflow: hidden;
	background: #e60012;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	position: absolute;
	right: 0.375rem;
	top: 0.375rem;
}

.j-attention .items {
	cursor: pointer;
}

.j-attention .items.video .img {
	position: relative;
}

.j-attention .items.video .img:after {
	position: absolute;
	content: "";
	width: 60px;
	height: 60px;
	background: url(../img/jpg/j44.png) no-repeat center;
	background-size: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.attention-bot {
	position: relative;
}

.attention-bot .swiper-pagination {
	position: static;
	margin-bottom: 0;
}

.attention-bot .buts .swiper-pagination {
	line-height: 1;
	margin-top: 3.25rem;
}

.attention-bot .items {
	display: block;
	position: relative;
}

.attention-bot .items .j-span {
	background: url(../img/jpg/j43.png) no-repeat center;
	background-size: 100%;
	transition: .5s ease-in-out;
}

.attention-bot .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.attention-bot .items:hover .j-span {
	background: url(../img/jpg/j40.png) no-repeat center;
	background-size: 100%;
	transition: .5s ease-in-out;
}

.attention-bot .items img {
	transition: .5s ease-in-out;
}

.attention-bot .items .t0 {
	font-size: 18px;
	line-height: 28px;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333333;
}

.attention-bot .items .time {
	font-size: 13px;
	color: #999999;
	width: 100%;
}

.attention-bot .items .box {
	position: relative;
	height: 100%;
}

.attention-bot .items .img {
	width: 320px;
	height: 300px;
	overflow: hidden;
}

.attention-bot .items .img img {
	transition: .5s ease-in-out;
}

.attention-bot .items .words {
	width: calc(100% - 320px);
	position: absolute;
	height: 100%;
	right: 0;
	padding: 1.125rem 0.875rem 1.25rem 0.75rem;
}

.attention-bot .items .time {
	position: absolute;
	bottom: 0;
	padding-top: .75rem;
	border-top: 1px solid #e5e5e5;
}

.attention-bot .items .time .nu {
	position: relative;
}

.attention-bot .items .time .nu .j-span {
	position: absolute;
	right: 0;
	bottom: 0;
}

.attention-bot .words {
	border: 1px solid #e5e5e5;
	border-left: none;
}

.j-about .text-con {
	text-align: left;
}

.j-speech-01 {
	background: url(../img/jpg/j51.png) no-repeat center;
	background-size: cover;
}

.j-speech-01 .images {
	width: 456px;
	height: auto;
}

.j-speech-01 .words {
	width: 100%;
	padding-top: .75rem;
}

.j-speech-01 .words .i-img {
	margin-top: 1rem;
}

.j-speech-01 .words .tit {
	margin-bottom: 1.25rem;
}

.j-speech-01 .words .p {
	line-height: 26px;
	font-size: 16px;
	color: #666666;
}

.j-speech-02 {
	background: url(../img/jpg/i15.jpg) no-repeat center;
	background-size: cover;
	padding-top: 2.5rem;
	padding-bottom: 4rem;
}

.j-speech-02 .tit {
	color: #333;
	margin-bottom: 0.875rem;
}

.text-speech2 {
	position: relative;
}

.text-speech2 .t-bot {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 12px;
	color: #666666;
	text-transform: uppercase;
	padding-top: 0.55rem;
	border-top: 1px solid #b8bec4;
	width: calc(320px - 2.25rem);
}

.text-speech2 .txt {
	width: 320px;
	padding-right: 2.25rem;
	color: #d80a09;
	line-height: 1.2;
}

.text-speech2 .txt .t0 {
	font-size: 24px;
}

.text-speech2 .txt .t1 {
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}

.text-speech2 .tnt {
	width: calc(100% - 330px);
	height: 320px;
	overflow-y: auto;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	padding-right: 1.25rem;
}

.text-speech2 .tnt::-webkit-scrollbar {
	width: 1px;
	height: 1px;
}

.text-speech2 .tnt::-webkit-scrollbar-track {
	background: #d0d7de;
}

.text-speech2 .tnt::-webkit-scrollbar-thumb {
	background: #91969b;
	/*border-radius: 4px;*/
}

.text-speech2 .tnt::-webkit-scrollbar-thumb:window-inactive {
	background: #91969b;
}

.text-speech2 .tnt::-webkit-scrollbar-thumb:vertical:hover {
	background: #91969b;
}

.j-culture .images {
	position: relative;
}

.j-culture .images:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.4);
}

.j-culture .items {
	position: relative;
	display: block;
}

.j-culture .items .images {
	overflow: hidden;
}

.j-culture .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.j-culture .items:hover .words .b {
	background-color: #d80a09;
	border-color: #d80a09;
}

.j-culture .items img {
	transition: .5s ease-in-out;
}

.j-culture .items .words {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 1;
	color: #ffffff;
}

.j-culture .items .words .txt {
	position: absolute;
	height: 3.75rem;
	width: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
}

.j-culture .items .words .b {
	width: 1.375rem;
	height: 1.375rem;
	border-radius: 50%;
	border: 2px solid #ffffff;
	background: url(../img/jpg/a.png) no-repeat center;
	background-size: 100%;
	margin: 0 auto;
	margin-top: 1.125rem;
	transition: .5s ease-in-out;
}

body.on,
html.on {
	overflow: hidden;
	padding-right: 4px;
}

.text-fixed-words {
	position: fixed;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	left: 0;
	top: 0;
	display: none;
}

.text-fixed-words .close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: url(../img/jpg/closes.png) no-repeat center;
	background-size: 100%;
	opacity: 1;
}

.text-fixed-words .left {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.text-fixed-words .fixed-box {
	position: absolute;
	left: 50%;
	top: 50%;
	background: #ffffff;
	transform: translate(-50%, -50%);
	padding: 1rem;
	max-height: 70%;
	overflow: hidden;
	overflow-y: auto;
}

.text-fixed-words .fixed-box .left {
	width: 100%;
}

.service-item{
	width: 100%;
	margin: 10px;
}
.service-item100{
	width: 97.5%;
	margin: 10px;
}
.j-roads-images {
	height: 20.75rem;
	position: relative;
	overflow: hidden;
}

.j-roads-images .psp {
	position: absolute;
	width: 1.25rem;
	height: 1.25rem;
	bottom: 1.5rem;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../img/psp.png) no-repeat center;
	background-size: 100%;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	cursor: pointer;
	transition: .5s ease-in-out;
}

.j-roads-images .psp:hover {
	background-color: #d80a09;
	border-color: #d80a09;
	transition: .5s ease-in-out;
}

.j-roads-images .words {
	position: absolute;
	top: 5.375rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
}

.j-roads-images .img {
	position: relative;
}

.j-roads-images .img .text {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 0;
}

.j-roads-images .img .text .li {
	font-size: 14px;
	display: inline-block;
	width: 10%;
	position: relative;
	height: 100%;
}

.j-roads-images .img .text .li .p {
	/*word-break: keep-all;*/
	line-height: 24px;
	margin-top: 5px;
}

.j-roads-images .img .text .li .box {
	position: absolute;
	width: 150%;
	left: 50%;
	transform: translateX(-30%);
}

.j-roads-images .img .text .li:nth-child(2n+1) .box {
	padding-top: .5rem;
}

.j-roads-images .img .text .li .tit,
.j-roads-images .img .text .li .txt {
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
}

.j-roads-images .img .text .li .txt {
	margin-top: 10px;
}

.j-roads-images .img .text .li0 .box {
	top: 100%;
	left: 0;
	transform: translateX(0);
}

.j-roads-images .img .text .li1 .box {
	top: 140px;
}

.j-roads-images .img .text .li2 .box {
	top: 220px;
}

.j-roads-images .img .text .li3 .box {
	top: 70px;
}

.j-roads-images .img .text .li4 .box {
	top: 175px;
}

.j-roads-images .img .text .li5 .box {
	top: 0;
}

.j-roads-images .img .text .li6 .box {
	top: 125px;
}

.j-roads-images .img .text .li7 .box {
	top: -25px;
}

.j-roads-images .img .text .li8 .box {
	top: 80px;
}

.j-roads-images .img .text .li9 .box {
	top: -85px;
}

.j-roads-lists .list .li.active:before {
	background: url(../img/jpg/i1.png) no-repeat center;
	transition: .5s ease-in-out;
}

.j-roads-lists .list .li.active .box .tit {
	color: #e60012;
	transition: .5s ease-in-out;
}

@keyframes moves {
	from {
		transform: rotate(-90deg);
	}

	to {
		transform: rotate(90deg);
	}
}

.j-roads-lists {
	padding-top: 2.5rem;
	padding-bottom: 4.25rem;
}

.j-roads-lists .j-sear {
	margin-top: 1.25rem;
}

.j-roads-lists .list {
	padding-top: 2.5rem;
	position: relative;
}

.j-roads-lists .list .li {
	position: relative;
	width: 50%;
}

.j-roads-lists .list .li:after {
	position: absolute;
	width: 100%;
	height: 1px;
	content: "";
	background: #d9d9d9;
}

.j-roads-lists .list .li:before {
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	background: url(../img/jpg/i0.png) no-repeat center;
	z-index: 4;
	transition: .5s ease-in-out;
}

.j-roads-lists .list .li.fl:after {
	right: 0;
	top: 0;
}

.j-roads-lists .list .li.fl:before {
	right: -12px;
	top: -12px;
}

.j-roads-lists .list .li.fr:after {
	left: 0;
	top: 0;
}

.j-roads-lists .list .li.fr:before {
	left: -12px;
	top: -12px;
}

.j-roads-lists .list .li.fr {
	text-align: right;
}

.j-roads-lists .list .li.fr .box {
	text-align: left;
}

.j-roads-lists .list .li .box {
	width: 420px;
	display: inline-block;
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.j-roads-lists .list .li .box .words {
	padding-top: 0.625rem;
}

.j-roads-lists .list .li .box .tit {
	font-size: 26px;
	line-height: 1.5;
	color: #333333;
	transition: .5s ease-in-out;
}

.j-roads-lists .list .li .box .txt {
	font-size: 18px;
	line-height: 1.5;
	color: #d80a09;
	margin-top: 0.375rem;
	margin-bottom: 0.5rem;
}

.j-roads-lists .list .li .words {
	/*position: absolute;*/
	height: 100%;
	top: 100%;
	left: 0;
	width: 100%;
	overflow-y: auto;
}

.j-roads-lists .list .itembox {
	padding-top: 3rem;
}

.j-roads-lists .list .items {
	cursor: pointer;
	margin-top: -3rem;
}

.j-roads-lists .list .items:last-child .li .words {
	position: static;
}

.j-roads-lists .list .before {
	width: 25px;
	height: 25px;
	border: 2px solid #d80a09;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	position: absolute;
	z-index: 2;
	background: #ffffff;
}

.j-roads-lists .list .after {
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	background: #d9d9d9;
	width: 1px;
	margin: auto;
	z-index: 0;
}

.j-roads-lists .list .itembox {
	position: relative;
	z-index: 5;
}

.j-sear {
	width: 27px;
	height: 28px;
	margin: 0 auto;
	background: url(../img/jpg/j53.png) no-repeat center;
	background-size: 100%;
	cursor: pointer;
	display: none;
}

.text-fixed-words .fixed-box {
	width: 800px;
	height: 500px;
	overflow: hidden;
	padding: 0.875rem 1.25rem;
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	background: url(../img/jpg/i20.jpg) #fff no-repeat right bottom;
	background-size: 100%;
}

.text-fixed-words .fixed-box .h {
	font-weight: bold;
}

.text-fixed-words .fixed-box .con {
	margin-top: .5rem;
	height: 300px;
	overflow-y: auto;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar {
	width: 1px;
	height: 1px;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-track {
	background: #d0d7de;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb {
	background: #91969b;
	/*border-radius: 4px;*/
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb:window-inactive {
	background: #91969b;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb:vertical:hover {
	background: #91969b;
}

.text-fixed-words .fixed-box .con-li:nth-child(n+2) {
	margin-top: .75rem;
}

.text-fixed-words .fixed-box .close {
	width: 25px;
	height: 25px;
	background: url(../img/jpg/j54.png) no-repeat center;
	background-size: 100%;
	top: 40px;
	right: 40px;
}

.text-fixed-words .fixed-box .tit {
	font-size: 24px;
	color: #e60012;
	line-height: 1.6;
	padding-bottom: .75rem;
	border-bottom: 1px solid #e5e5e5;
}

.text-fixed-words.on {
	display: block;
}

.j-structure {
	position: relative;
	overflow: hidden;
}

.j-structure:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	z-index: 1;
}

.j-structure .z-span {
	z-index: 0;
	bottom: 0;
	left: 0;
}

.j-structure-bot {
	min-height: 30.375rem;
	padding-top: 3rem;
	padding-bottom: 4.25rem;
}

.j-structure-bot .tit {
	line-height: 1;
	margin-bottom: 1rem;
}

.structure-swiper {
	position: relative;
	margin-top: 2rem;
}

.structure-swiper .swiper-pagination {
	position: static;
	line-height: 1;
}

.structure-swiper .itembox {
	font-size: 0;
}

.structure-swiper .itembox .items {
	font-size: 14px;
	display: inline-block;
	width: 32%;
	margin-left: 2%;
	background: url(../img/jpg/i22.jpg) no-repeat right bottom;
	background-size: cover;
	margin-bottom: 1.25rem;
	padding: 1.125rem 1.375rem 1.375rem 1rem;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.structure-swiper .itembox .items:nth-child(3n+1) {
	margin-left: 0;
}

.structure-swiper .itembox .items .txt {
	font-size: 22px;
	line-height: 32px;
	height: 64px;
	/* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; */
	overflow: hidden;
}

.structure-swiper .itembox .items .line {
	width: 40px;
	height: 2px;
	margin-top: .5rem;
	margin-bottom: .5rem;
	background: #979898;
	transition: .5s ease-in-out;
}

.structure-swiper .itembox .items.active {
	transition: .5s ease-in-out;
	background: url(../img/jpg/i21.jpg) no-repeat right bottom;
	background-size: cover;
	color: #ffffff;
}

.structure-swiper .itembox .items.active .line {
	transition: .5s ease-in-out;
	background: rgba(255, 255, 255, 0.4);
	width: 100%;
}

.structure-swiper .itembox .items.active .li,
.structure-swiper .itembox .items.active .p {
	transition: .5s ease-in-out;
}

.structure-swiper .itembox .items.active .p {
	opacity: 0;
}

.structure-swiper .itembox .items.active .box-word .li {
	opacity: 1;
}

.structure-swiper .itembox .items .box-word {
	position: relative;
	font-size: 14px;
}

.structure-swiper .itembox .items .box-word .p {
	line-height: 30px;
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	/*-webkit-line-clamp: 4;*/
	overflow: hidden;
	height: 120px;
	transition: .5s ease-in-out;
}

.structure-swiper .itembox .items:hover .box-word .p {
	overflow-y: auto;
	transition: .5s ease-in-out;
}

.structure-swiper .itembox .items .box-word .li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*opacity: 0;*/
	display: none;
	transition: .5s ease-in-out;
	color: #ffffff;

}

.structure-swiper .itembox .items .box-word .li .i {
	line-height: 32px;
	padding-left: 28px;
	position: relative;
}

.structure-swiper .itembox .items .box-word .li .i img {
	left: 0;
	top: 8px;
	position: absolute;
	margin: auto;
}

.honorbox-02 {
	background: url(../img/jpg/i25.jpg) no-repeat top;
	background-size: cover;
	padding-top: 2.5rem;
	padding-bottom: 3rem;
}

.honorbox-02 .buts .swiper-pagination {
	position: static;
}

.honorbox-02 .itemsbox {
	font-size: 0;
}

.honorbox-02 .itemsbox .items {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	color: #333333;
	width: 32%;
	margin-left: 2%;
	background: #ffffff;
	margin-bottom: 1.25rem;
	padding: 0.875rem 0.75rem 1.375rem 0.75rem;
}

.honorbox-02 .itemsbox .items:nth-child(3n+1) {
	margin-left: 0;
}

.honorbox-02 .itemsbox .items .titen {
	line-height: 30px;
}

.honorbox-02 .itemsbox .items .words {
	padding-bottom: .75rem;
}

.honorbox-03 {
	padding-top: 2.5rem;
	padding-bottom: 4.25rem;
}

.honorbox-03 .buts .swiper-pagination {
	position: static;
	line-height: 1;
	margin-top: 1.25rem;
}

.honorbox-03 .words {
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-bottom: 0.625rem;
}

.honorbox-03 .items {
	display: block;
	border: 1px solid #cccccc;
	padding: 0.875rem 0.75rem 0.625rem 0.75rem;
}

.j-core-tit {
	line-height: 1.2;
	color: #d80a09;
}

.j-core {
	padding-top: 3rem;
	padding-bottom: 4.25rem;
}

.j-core .tit {
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

.j-core .j-core-tit {
	margin-bottom: 1.25rem;
}

.j-core01 {
	padding-bottom: 2.5rem;
}

.j-core01 .list {
	position: relative;
	height: 12.5rem;
	line-height: 12.5rem;
}

.j-core01 .list .images {
	height: 100%;
}

.j-core01 .list .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	font-size: 0;
}

.j-core01 .list .words .li {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 20%;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	position: relative;
}

.j-core01 .list .words .li:after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	position: absolute;
	background: url(../img/jpg/j57.png) no-repeat center;
	background-size: cover;
	opacity: 0;
	transition: .5s ease-in-out;
}

.j-core01 .list .words .li:hover:after {
	transition: .5s ease-in-out;
	opacity: 1;
}

.j-core01 .list .words .li .box {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
	position: relative;
	z-index: 2;
}

.j-core01 .list .words .li .box .i {
	font-size: .75rem;
	line-height: 1;
	margin-bottom: .5rem;
}

.j-core01 .list .words .li .box .p {
	line-height: 30px;
	height: 60px;
}

.j-core02 .core02-list {
	width: 24rem;
	height: 19rem;
	padding-top: 1rem;
	margin: 0 auto;
}

.j-core02 .core02-list .list {
	width: 15rem;
	height: 15rem;
	margin: 0 auto;
	position: relative;
}

.j-core02 .core02-list .list .li {
	position: absolute;
	line-height: 1.2;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	background: #9b0101;
}

.j-core02 .core02-list .list .li .t0 {
	font-size: 18px;
	color: #333333;
}

.j-core02 .core02-list .list .li .t1 {
	font-size: 14px;
	color: #666666;
	margin-top: 0.25rem;
}

.j-core02 .core02-list .list .li .i0 {
	max-width: 1.125rem;
	position: absolute;
}

.j-core02 .core02-list .list .li .box {
	position: absolute;
	width: 220px;
	height: 50px;
}

.j-core02 .core02-list .list .li4,
.j-core02 .core02-list .list .li3,
.j-core02 .core02-list .list .li2,
.j-core02 .core02-list .list .li1 {
	text-align: right;
}

.j-core02 .core02-list .list .li4 .box,
.j-core02 .core02-list .list .li3 .box,
.j-core02 .core02-list .list .li2 .box,
.j-core02 .core02-list .list .li1 .box {
	padding-right: 1.625rem;
	right: .75rem;
	top: 0;
	bottom: 0;
	margin: auto;
}

.j-core02 .core02-list .list .li4 .box .i0,
.j-core02 .core02-list .list .li3 .box .i0,
.j-core02 .core02-list .list .li2 .box .i0,
.j-core02 .core02-list .list .li1 .box .i0 {
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.j-core02 .core02-list .list .li9 .box,
.j-core02 .core02-list .list .li8 .box,
.j-core02 .core02-list .list .li7 .box,
.j-core02 .core02-list .list .li6 .box {
	padding-left: 1.625rem;
	left: .75rem;
	top: 0;
	bottom: 0;
	margin: auto;
}

.j-core02 .core02-list .list .li9 .box .i0,
.j-core02 .core02-list .list .li8 .box .i0,
.j-core02 .core02-list .list .li7 .box .i0,
.j-core02 .core02-list .list .li6 .box .i0 {
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.j-core02 .core02-list .list .li9 {
	right: 4.5rem;
	top: 0.5rem;
}

.j-core02 .core02-list .list .li8 {
	right: .75rem;
	top: 3.75rem;
}

.j-core02 .core02-list .list .li7 {
	right: 0;
	top: 8.75rem;
}

.j-core02 .core02-list .list .li6 {
	right: 2.5rem;
	top: 13rem;
}

.j-core02 .core02-list .list .li5 .box {
	padding-top: 1.35rem;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	top: .75rem;
}

.j-core02 .core02-list .list .li1 {
	left: 4.5rem;
	top: 0.5rem;
}

.j-core02 .core02-list .list .li2 {
	left: .75rem;
	top: 3.75rem;
}

.j-core02 .core02-list .list .li3 {
	left: 0;
	top: 8.75rem;
}

.j-core02 .core02-list .list .li4 {
	left: 2.5rem;
	top: 13rem;
}

.j-core02 .core02-list .list .li5 {
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.j-core02 .core02-list .list .li5 .box .i0 {
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.j-core02 .core02-list .list .imgs {
	position: relative;
}

.j-core02 .core02-list .list .imgs img {
	width: 100%;
}

.j-core02 .core02-list .list .imgs .i1 {
	position: absolute;
	left: 0;
	top: 0;
}

.core02-itemsbox {
	font-size: 0;
	padding-top: 3rem;
}

.core02-itemsbox .items {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	width: calc((100% - 20px)/2);
	margin-left: 20px;
	position: relative;
	height: 7.5rem;
	line-height: 7.5rem;
	cursor: pointer;
}

.core02-itemsbox .items .images,
.core02-itemsbox .items .img {
	height: 100%;
}

.core02-itemsbox .items:hover .p,
.core02-itemsbox .items:hover .line {
	opacity: 1;
	transition: .3s ease-in-out;
	position: static;
	transition-delay: .2s;
}

.core02-itemsbox .items:hover .words {
	background: url(../img/jpg/i29.png) no-repeat center;
	background-size: cover;
	transition: .5s ease-in-out;
}

.core02-itemsbox .items .images {
	overflow: hidden;
}

.core02-itemsbox .items .line {
	width: 40px;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
	margin: 0 auto;
	margin-top: .5rem;
	margin-bottom: .75rem;
}

.core02-itemsbox .items .t0 {
	font-size: 24px;
}

.core02-itemsbox .items .p,
.core02-itemsbox .items .line {
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s ease-in-out;
	transition-delay: 0s !important;
}

.core02-itemsbox .items .box {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	padding: 0 5%;
}

.core02-itemsbox .items .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	transition: .5s ease-in-out;
}

.core02-itemsbox .items:nth-child(2n+1) {
	margin-left: 0;
}

.j-specification {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: url(../img/jpg/j58.png) no-repeat left top;
	background-size: cover;
}

.j-specification .items {
	margin-bottom: 1.25rem;
	font-size: 16px;
	color: #666666;
}

.j-specification .items .tit {
	color: #333333;
	line-height: 1.1;
}

.j-specification .items .txt {
	color: #d80a09;
	font-size: 20px;
	line-height: 2;
	margin-top: 1rem;
}

.j-specification .items .p {
	line-height: 30px;
	margin-top: 1.125rem;
}

.j-specification .images {
	width: 18.75rem;
}

.j-specification .words {
	width: calc(100% - (750rem/40));
}

.j-specification .words.fl {
	padding-top: 2rem;
}

.j-specification .words.fr {
	padding-top: 1.5rem;
	padding-left: 2rem;
}

.performance-01 {
	padding-top: 3rem;
	padding-bottom: 1.75rem;
}

.performance-01 .titbox {
	line-height: 1;
}

.performance-01 .titbox .text {
	color: #666666;
	line-height: 1.2;
	margin-top: .75rem;
}

.performance-01 .j-serves-swiper {
	font-size: 0;
	margin-top: 1.875rem;
}

.performance-01 .itlist {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 18%;
	margin-left: 2.5%;
	margin-bottom: .75rem;
}

.performance-01 .itlist:nth-child(5n+1) {
	margin-left: 0;
}

.performance-01 .itlist .more {
	width: 90%;
	color: #ffffff;
}

.performance-02 {
	padding-top: 2.5rem;
	padding-bottom: 4.25rem;
	text-align: center;
}

.performance-02 .titbox {
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

.performance-02 .igbox2 {
	margin-top: 0.625rem;
	margin-bottom: 0.75rem;
}

.performance-02 .textword {
	text-align: center;
	font-size: 24px;
	line-height: 1.2;
	color: #333333;
}

.performance-02 .textword .igbox {
	width: 80%;
	margin: 0 auto;
	margin-top: .5rem;
	margin-bottom: 0.25rem;
}

.performance-02 .textword .list {
	font-size: 0;
}

.performance-02 .textword .li {
	font-size: 24px;
	/*width: 330px;*/
	height: 200px;
	line-height: 200px;
	border-radius: 50%;
	background: #ffffff;
	display: inline-block;
	vertical-align: middle;
	/*margin: 0 0.7rem;*/
	cursor: pointer;
}

.performance-02 .textword .li .box {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}

.performance-02 .textword .li .g {
	max-height: 1.25rem;
	max-width: 1.25rem;
	margin: 0 auto;
}

.performance-02 .textword .cn {
	margin-top: .5rem;
}

.performance-02 .textword .en {
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
	margin-top: 0.3rem;
}

.performance-02 .s-more {
	margin: 0 auto;
	margin-top: 2.5rem;
}

.performance-02 .textword,
.performance-02 .textword .li {
	font-size: 0.6rem;
}

.performance-02 .textword .li {
	/*width: 8.25rem;*/
	width: 23%;
	margin: 0 1%;
	height: 5rem;
	line-height: 5rem;
}

.performance-03 {
	padding-top: 2.5rem;
	padding-bottom: 4.25rem;
	display: none;
}

.performance-03 .j3-close {
	margin-top: 2rem;
}

.performance-03 .ul {
	border-top: 1px dashed #cccccc;
	padding-top: 1rem;
	padding-bottom: 1.125rem;
	font-size: 0;
}

.performance-03 .ul:last-child {
	border-bottom: 1px dashed #cccccc;
}

.performance-03 .li33 {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
}

.performance-03 .ul-top {
	line-height: 1.1;
	font-size: 24px;
	color: #e60012;
}

.performance-03 .ul-bot {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-top: .75rem;
}

.performance-03 .ul-bot .li33 {
	font-size: 0;
}

.performance-03 .ul-bot .li33 .tit {
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

.performance-03 .ul-bot .p {
	font-size: 14px;
}

.performance-03 .f-0 {
	font-size: 0;
}

.j3-close {
	padding-right: 30px;
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #e60012;
	line-height: 20px;
	cursor: pointer;
}

.j3-close:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../img/jpg/k2.png) no-repeat center;
	background-size: 100%;
	margin: auto;
	transition: .5s ease-in-out;
}

.j3-close:hover:after {
	transform: translateX(-10px);
	transition: .5s ease-in-out;
}

.j-structure {
	padding-top: 2.875rem;
	padding-bottom: 2.125rem;
}

.j-structure .structure-box {
	position: relative;
	z-index: 4;
}

.j-structure .structure-box .tit {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1;
}

.w1125 {
	width: 1125px;
	margin: 0 auto;
}

.honorbox01-swiper {
	text-align: center;
	padding-top: 3rem;
	padding-bottom: 4.25rem;
	background: url(../img/jpg/img12.png) no-repeat bottom;
	background-size: 100%;
}

.honorbox01-swiper .items {
	line-height: 1.2;
}

.honorbox01-swiper .swiper-slide-active .tit {
	display: block;
}

.honorbox01-swiper .tit {
	font-size: 24px;
	color: #d80a09;
	font-weight: bold;
	display: none;
}

.honorbox01-swiper .words {
	padding: .2rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

.honorbox01-swiper .txt {
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	margin-top: 10px;
}

.honorbox-01 {
	padding-bottom: 1.25rem;
}

.honorbox01-swiper {
	position: relative;
}

.honorbox01-swiper .swiper-button-prev,
.honorbox01-swiper .swiper-button-next {
	width: 45px;
	height: 45px;
	background-color: #ffffff;
	border-radius: 50%;
	border: 1px solid #efefef;
	transition: .5s ease-in-out;
	top: 50%;
	transform: translateY(-50%);
}

.honorbox01-swiper .swiper-button-prev:hover,
.honorbox01-swiper .swiper-button-next:hover {
	background-color: #d80a09;
	border-color: #d80a09;
	transition: .5s ease-in-out;
}

.honorbox01-swiper .swiper-button-prev {
	background-image: url(../img/jpg/l0.png);
	background-repeat: no-repeat;
	left: -23px;
	background-size: 100%;
}

.honorbox01-swiper .swiper-button-prev:hover {
	background-image: url(../img/jpg/l1.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.honorbox01-swiper .swiper-button-next {
	background-image: url(../img/jpg/l2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	right: -23px;
}

.honorbox01-swiper .swiper-button-next:hover {
	background-image: url(../img/jpg/l3.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.j-honor .img {
	overflow: hidden;
}

.j-honor .img img {
	transition: .5s ease-in-out;
}

.j-honor .honorbox-02 .items:hover img,
.j-honor .honorbox-03 .items:hover img {
	transition: .5s ease-in-out;
	transform: scale3d(1.05, 1.05, 1);
}

.honorbox01-swiper .swiper-slide {
	opacity: 0;
}

.honorbox01-swiper .swiper-slide-prev,
.honorbox01-swiper .swiper-slide-next,
.honorbox01-swiper .swiper-slide-active {
	opacity: 1;
}

.j-education .tit.tc {
	line-height: 1;
	margin-bottom: 1rem;
}

.j-education .j-tit {
	color: #d80a09;
}

.education-01 {
	padding-top: 1.75rem;
}

.education-01 .list {
	position: relative;
}

.education-01 .list .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: #ffffff;
}

.education-01 .list .words .li {
	width: 33.33%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	transition: .5s ease-in-out;
}

.education-01 .list .words .li:nth-child(n+2) {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.education-01 .list .words .li:hover {
	background: rgba(0, 0, 0, 0.2);
	transition: .5s ease-in-out;
}

.education-01 .list .words .li:hover .li-top,
.education-01 .list .words .li:hover .li-bot {
	transition: .5s ease-in-out;
}

.education-01 .list .words .li:hover .li-top {
	opacity: 0;
}

.education-01 .list .words .li:hover .li-bot {
	opacity: 1;
	transform: translateY(0);
}

.education-01 .list .words .li .li-top,
.education-01 .list .words .li .li-bot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.education-01 .list .words .li .li-top {
	font-size: .75rem;
	padding: 1.375rem 1rem;
	line-height: 1.2;
	opacity: 1;
	transition: .5s ease-in-out;
}

.education-01 .list .words .li .li-bot {
	padding: 2rem 1.25rem;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 24px;
	max-height: 100%;
	overflow-y: auto;
	opacity: 0;
	transition: .5s ease-in-out;
	transform: translateY(100%);
}

.education-01 .list .words .li .li-bot .ti {
	font-size: 16px;
	color: #ffffff;
}

.education-01 .list .words .li .li-bot .line {
	margin-top: .5rem;
	margin-bottom: .75rem;
	height: 1px;
	width: 1rem;
	background: rgba(255, 255, 255, 0.6);
}

.education-02 {
	margin-top: 2.375rem;
}

.education-02 .li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	position: relative;
	width: 48%;
	margin-left: 4%;
	overflow: hidden;
}

.education-02 .li:nth-child(2n+1) {
	margin-left: 0;
}

.education-02 .li .words-top,
.education-02 .li .words-bot {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	transition: .5s ease-in-out;
}

.education-02 .li:hover .words-top,
.education-02 .li:hover .words-bot {
	transition: .5s ease-in-out;
}

.education-02 .li:hover .words-bot {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.education-02 .li:hover .words-top {
	opacity: 0;
}

.education-02 .li .words .b {
	position: absolute;
	width: 100%;
	font-size: .75rem;
	line-height: 1rem;
	height: 2px;
	padding: 0 .1rem;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #ffffff;
	text-align: center;
}

.education-02 .li .words-bot {
	padding: 1.5rem;
	padding-top: 2rem;
	overflow-y: auto;
	opacity: 0;
	transform: scale3d(1.2, 1.2, 1);
	background: url(../img/jpg/n11.png) no-repeat center;
	background-size: cover;
}

.education-02 .li .words-bot .t0 {
	line-height: 1.5;
	font-size: 16px;
	color: #ffffff;
}

.education-02 .li .words-bot .line {
	width: 1rem;
	height: 1px;
	background: rgba(255, 255, 255, 0.6);
	margin-top: 0.625rem;
	margin-bottom: .75rem;
}

.education-02 .li .words-bot .p {
	line-height: 24px;
}

.education-02 .list {
	font-size: 0;
}

.education-03 {
	background: url(../img/jpg/n12.png) no-repeat center;
	background-size: cover;
	color: #ffffff;
	padding-top: 2rem;
	padding-bottom: 4rem;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
	line-height: 30px;
	min-height: 12.5rem;
}

.education-03 .tit-cn {
	font-size: .75rem;
	color: #ffffff;
	line-height: 1.2;
}

.education-03 .line {
	width: 1.25rem;
	height: 2px;
	background: rgba(255, 255, 255, 0.4);
	margin: 0 auto;
	margin-bottom: .75rem;
	margin-top: .75rem;
}

.education-03 .wordsbox {
	width: 1000px;
	margin: 0 auto;
}

.education-03 .wordsbox.w1280 {
	width: 1280px;
}

.education-03 .txt-cn {
	font-size: 20px;
	color: #ffffff;
	line-height: 1.6;
	margin-bottom: .75rem;
}

.j-education {
	padding-bottom: 2.5rem;
}

.j-development .tit {
	line-height: 1;
}

.j-development .education-01 {
	padding-top: 0;
}

.j-development .lists2 .tit,
.j-development .lists3 .tit {
	margin-bottom: 1.125rem;
}

.j-development .lists3 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.j-development .lists3 .w {
	text-align: left;
}

.j-development .lists1 {
	padding-top: 3rem;
	padding-bottom: 2.25rem;
}

.j-development .lists1 .words {
	width: 40%;
	font-size: 16px;
	color: #666666;
	line-height: 1.2;
}

.j-development .lists1 .words .tit {
	color: #333333;
}

.j-development .lists1 .words .txt {
	font-size: .6rem;
	color: #d80a09;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.j-development .lists1 .words .text {
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}

.j-development .lists1 .words .p {
	line-height: 2;
}

.j-development .lists1 .images {
	width: 55%;
}

.i-layout {
	height: 29.175rem;
	position: relative;
}

.i-layout .z-span {
	z-index: 3;
}

.layouts {
	position: relative;
}

.layouts .layout-tit {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 8.8rem;
	line-height: 1.25rem;
	z-index: 5;
}

.layouts .layout-tit .tit {
	font-size: .9rem;
	color: #333333;
}

.layouts .layout-tit .buttons a {
	display: inline-block;
	vertical-align: middle;
	width: 4.5rem;
	font-size: 0.4rem;
	color: #333333;
	background: #cccccc;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	transition: .5s ease-in-out;
}

.layouts .layout-tit .buttons a span {
	margin-left: 0.625rem;
}

.layouts .layout-tit .buttons a:hover,
.layouts .layout-tit .buttons a.active {
	color: #ffffff;
	background: #d80a09;
	transition: .5s ease-in-out;
}

.wel-body {
	overflow: hidden;
	position: relative;
}

.layui-data {
	position: absolute;
	top: 7.25rem;
	right: 0;
	z-index: 30;
	right: -100%;
}

.layui-data.active {
	right: 0;
}

.layui-data .span {
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
}

@keyframes widthx {
	from {
		width: 0px;
	}

	to {
		width: 100%;
	}
}

.layouts .layout-tit .buttons {
	font-size: 0;
}

.layouts .layout-tit .buttons a:nth-child(n+2) {
	margin-left: .75rem;
}

.layouts .images {
	position: relative;
	z-index: 5;
}

.layouts .images .map {
	width: 100%;
	height: 100%;
}

body {
	overflow: hidden;
}

.lsyout-box {
	padding-top: 0.55rem;
}

.lsyout-images {
	position: relative;
	z-index: 4;
}

.lsyout-images .imgs {
	position: relative;
}

.lsyout-images .imgs .img-s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.lsyout-images .imgs .img-s .re {
	width: 100%;
	height: 100%;
}

.lsyout-images .imgs .img-s .i {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
}

.lsyout-images .imgs .img-s .in,
.lsyout-images .imgs .img-s .out {
	width: 0;
	height: 100%;
	transition: 1.5s ease;
}

.lsyout-images .imgs.animate .in,
.lsyout-images .imgs.animate .out {
	animation: widthx 3s infinite linear 0s;
}

.mapimgs {
	position: relative;
}

.mapimgs .mapimgs-img {
	opacity: 0;
}

.mapimgs .map {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.lsyout-images2 {
	position: relative;
}

.lsyout-images2 .words {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.lsyout-images2 .words .i .is {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: rgba(0, 74, 154, 0.3);
	line-height: .5rem;
	text-align: center;
}

.lsyout-images2 .words .i .is span {
	display: inline-block;
}

@media (min-width: 768px) {
	.ico-01{
		width: 95%;
	}
	.service-item{
		width: 48%;
	}
	.j-roads-lists .list .li:hover:before {
		background: url(../img/jpg/i1.png) no-repeat center;
		transition: .5s ease-in-out;
	}

	.j-roads-lists .list .li:hover .box .tit {
		color: #e60012;
		transition: .5s ease-in-out;
	}


	.j-serves-swiper .swiper-slide:hover,
	.j-serves-swiper .itlist:hover {
		background: #d80a09;
		padding-top: 0;
		color: #fff;
		transition: .5s ease-in-out;
	}

	.j-serves-swiper .swiper-slide:hover .items,
	.j-serves-swiper .itlist:hover .items {
		transition: .5s ease-in-out;
	}

	.j-serves-swiper .swiper-slide:hover .items .t-h0,
	.j-serves-swiper .swiper-slide:hover .items .t-h1,
	.j-serves-swiper .swiper-slide:hover .items .img,
	.j-serves-swiper .swiper-slide:hover .items .line,
	.j-serves-swiper .itlist:hover .items .t-h0,
	.j-serves-swiper .itlist:hover .items .t-h1,
	.j-serves-swiper .itlist:hover .items .img,
	.j-serves-swiper .itlist:hover .items .line {
		transition: .5s ease-in-out;
	}

	.j-serves-swiper .swiper-slide:hover .items .more,
	.j-serves-swiper .itlist:hover .items .more {
		z-index: 1;
		opacity: 1;
	}

	.j-serves-swiper .swiper-slide:hover .items .t-h0,
	.j-serves-swiper .itlist:hover .items .t-h0 {
		margin-top: 0;
		color: #fff;
	}

	.j-serves-swiper .swiper-slide:hover .items .t-h1,
	.j-serves-swiper .itlist:hover .items .t-h1 {
		color: rgba(255, 255, 255, 0.6);
	}
}

img {
	max-width: 100%;
}

@media (min-width: 768px) {
	html {
		font-size: 28px !important;
	}
}

@media (min-width: 768px) {
	.service-item{
		width: 48%;
	}
	::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}

	::-webkit-scrollbar-track {
		background: #fff;
	}

	::-webkit-scrollbar-thumb {
		background: #d80a09;
		/*border-radius: 4px;*/
	}

	::-webkit-scrollbar-thumb:window-inactive {
		background: #d80a09;
	}

	::-webkit-scrollbar-thumb:vertical:hover {
		background: #d80a09;
	}

	html {
		font-size: 30px !important;
	}

	body {
		-ms-overflow-style: scrollbar;
	}
}

@media (min-width: 1440px) {
	.service-item{
		width: 48%;
	}
	html {
		font-size: 34px !important;
	}
}

@media (min-width: 1680px) {
	html {
		font-size: 40px !important;
	}
}

@media (max-width: 1680px) {
	.j-estate-bot .tit {
		padding-right: 2.75rem;
	}

	.w1280 {
		width: 75%;
	}

	.j-news-top .words .tit .tit-01 {
		font-size: 16px;
	}

	.j-news-top .words .tit {
		margin-bottom: .5rem;
	}

	.j-news-top .words .p {
		font-size: 13px;
		line-height: 20px;
		height: 40px;
	}

	.j-announcement .items .t0 {
		font-size: 20px;
	}

	.j-about-top .words {
		width: 50%;
	}

	.j-about-top .images {
		height: auto;
		width: 35%;
	}

	.text-con {
		line-height: 2;
	}

	.text-con .tit {
		line-height: 1;
	}

	.text-con .txt {
		line-height: 1;
	}

	.j-about-top .s-more {
		margin-top: 2rem;
	}

	.j-leftfixed .items .word .tit {
		display: none;
	}

	.j-leftfixed .items .word .txt {
		margin-top: 0;
	}

	.j-leftfixed .items:hover .word,
	.j-leftfixed .items.active .word {
		padding-left: 60px;
	}

	.text-con {
		font-size: 15px;
	}

	.i-layout {
		height: auto;
		padding-bottom: 4rem;
	}

	.j-roads-lists .list .li .box .tit {
		font-size: 0.65rem;
	}
}

/**/
@media (max-width: 1450px) {
	.j-roads-images .img .text .li .tit,
	.j-roads-images .img .text .li .txt {
		font-size: .4rem;
	}

	.wel-profile .profile .words .text {
		line-height: 30px;
		height: 90px;
	}

	.j-roads-images .img .text .li {
		font-size: 0.35rem;
	}

	.j-roads-images .img .text .li .p {
		line-height: 1.25;
	}

	.bocweb-header .bocweb-logo {
		width: 200px;
		line-height: 100px;
	}

	.bocweb-header .bocweb-logo img {
		display: inline-block;
		vertical-align: middle;
	}

	.bocweb-header .nav-li {
		padding: 0 .5rem;
	}

	.bocweb-header .nav-sousuo {
		margin-left: 1rem;
	}

	.w1280 {
		width: 85%;
	}

	.attention-bot .items .img {
		width: 250px;
		height: auto;
	}

	.attention-bot .items .words {
		width: calc(100% - 250px);
	}

	.j-publications .items {
		width: 17.5%;
		margin-left: 10%;
	}

	.j-core01 .list .words .li {
		font-size: 14px;
	}

	.j-specification .items .txt {
		font-size: 18px;
	}

	.j-specification .items {
		font-size: 15px;
	}

	.j-specification .items .p {
		line-height: 2;
	}

	.j-specification .images {
		width: 16rem;
	}

	.j-specification .words {
		width: calc(100% - 16rem);
	}

	.j-serves-conbox {
		width: 70%;
	}

	.education-03 .wordsbox,
	.education-03 .wordsbox.w1280 {
		width: 90%;
	}

	.education-03 .txt-cn {
		font-size: .5rem;
	}

	.education-01 .list .words .li .li-top {
		font-size: .6rem;
	}

	.education-01 .list .words .li .li-bot {
		padding: 1.5rem 1rem;
		line-height: 20px;
	}

	.education-02 .li .words-bot {
		padding: 1rem;
		padding-top: 1.2rem;
	}
}

/**/
@media (max-width: 1366px) {

	.education-03 {
		min-height: 0;
	}

	.performance-02 .textword .en {
		font-size: 12px;
	}

	.bocweb-header .bocweb-logo {
		width: 180px;
	}

	.performance-02 .textword .cn {
		margin-top: .35rem;
	}

	.bocweb-header .nav-sousuo {
		width: 100px;
	}

	.bocweb-header .header {
		padding-right: .5rem;
	}

	.bocweb-header .nav-sousuo {
		margin-left: .7rem;
	}

	.bocweb-header .nav-li {
		font-size: 14px;
	}

	.j-news-select .submit input {
		padding-left: 1.3rem;
	}

	.j-news-select .submit:after {
		right: 1.3rem;
	}

	.j-tabloid .list .items .words .tit {
		font-size: 14px;
		line-height: 24px;
		/*height: 48px;*/
	}

	.attention-bot .items .img {
		width: 240px;
	}

	.attention-bot .items .words {
		width: calc(100% - 240px);
	}

	.j-publications .items .tit {
		font-size: 16px;
	}

	.honorbox-02 .itemsbox .items {
		font-size: 16px;
		line-height: 1.6;
	}
}

@media (max-width: 1190px) {

	.w1125 {
		width: 900px;
	}

	.j-roads-lists .list .li .box {
		width: 80%;
	}

	.nmimg .words {
		/*width: 6.8rem;*/
	}
}

@media (max-width: 1024px) {
	.text-fixed-words .fixed-box {
		width: 80%;
		height: 75%;
	}

	.j-roads-images {
		display: none;
	}

	.j-estate-03 .items .words .tbox {
		position: static;
		opacity: 1;
		background: #f0f0f0;
	}

	.j-leftfixed .items .img img {
		width: 100%;
	}

	.j-estate-02 .wordss {
		right: 10px;
	}

	.honorbox-02 .itemsbox .items {
		width: 100%;
	}

	.j-estate-03 .items .words .text {
		display: none;
	}

	.j-estate-03 .items .words {
		color: #666;
	}

	.j-estate-03 .items .words .line {
		background: #666;
	}

	.j-estate-03 .items .words {
		position: static;
	}

	.j-structure-bot {
		min-height: 0;
	}

	.pcbox {
		display: none;
	}

	.mbox {
		display: block;
	}

	.j-news-select .submit input {
		padding: 0;
		text-align: center;
	}

	.j-news-select .submit:after {
		display: none;
	}

	.w1280 {
		width: 100%;
		/*padding:0 5%;*/
		padding-left: 5%;
		padding-right: 5%;
	}

	.column-swiper .swiper-button-prev {
		left: 0;
	}

	.column-swiper .swiper-button-next {
		right: 0;
	}

	.bocweb-footer .bocweb-footer-top .footer-nav .nav-bot {
		display: none;
	}

	.bocweb-footer .bocweb-footer-top .footer-nav .nav-top {
		border-bottom: none;
		padding-bottom: 0;
		line-height: 1.5;
	}

	.bocweb-footer .bocweb-footer-c .logo {
		display: none;
	}

	.bocweb-footer .bocweb-footer-c .selectcon {
		width: 100%;
	}

	.bocweb-footer .bocweb-footer-top .footer-nav {
		width: 32%;
		margin-left: 2%;
	}

	.bocweb-footer .bocweb-footer-top .footer-nav:nth-child(3n+1) {
		margin-left: 0;
	}

	.con-banner .words {
		padding-top: 0;
	}

	.column-swiper .items {
		font-size: 14px;
	}

	.column-swiper {
		line-height: 70px;
		height: 70px;
	}

	.j-news-top .words .li {
		display: none;
	}

	.j-news-top .images {
		width: 100%;
	}

	.j-news-top .images img {
		width: 100%;
	}

	.j-news-bot .items {
		width: 48%;
		margin-left: 4%;
	}

	.j-news-bot .items:nth-child(3n+1) {
		margin-left: 4%;
	}

	.j-news-bot .items:nth-child(2n+1) {
		margin-left: 0;
	}

	.j-news-top .images .swiper-pagination {
		position: static;
		margin-top: 25px;
	}

	.j-announcement .items .words {
		width: 100%;
		padding: 0;
		padding-top: 20px;
	}

	.j-announcement .items .img {
		width: 100%;
		padding: 0;
	}

	.j-announcement .items {
		height: auto;
		line-height: 1;
		padding: 15px;
	}

	.j-announcement .items .num {
		display: none;
	}

	.j-announcement .time {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.attention-top .img,
	.attention-top .words {
		width: 100%;
	}

	.attention-top .items .words {
		position: static;
	}

	.j-publications .items {
		width: 45%;
		margin-left: 10%;
	}

	.j-publications .items:nth-child(4n+1) {
		margin-left: 10%;
	}

	.j-publications .items:nth-child(2n+1) {
		margin-left: 0;
	}

	.text-con {
		font-size: 14px;
	}

	.text-speech2 .txt {
		width: 100%;
		margin-bottom: 35px;
	}

	.text-speech2 .tnt {
		width: 100%;
	}

	.text-speech2 .t-bot {
		position: static;
		margin-top: 25px;
	}

	.j-core01 .list .words .li .box .p {
		font-size: 14px;
		line-height: 20px;
		height: 60px;
	}

	.j-core01 .list .words .li .box .p br {
		display: none;
	}

	.j-core {
		overflow: hidden;
	}

	.j-core02 .core02-list .list .li .t0 {
		font-size: 15px;
	}

	.j-core02 .core02-list .list .li .t1 {
		font-size: 12px;
	}

	.core02-itemsbox .items .t0 {
		font-size: 20px;
	}

	.j-specification .images {
		width: 100%;
	}

	.j-specification .words.fr,
	.j-specification .words.fl,
	.j-specification .words {
		width: 100%;
		padding: 20px;
	}

	.j-specification .items .txt {
		font-size: 16px;
	}

	.performance-01 .itlist {
		width: 24%;
		margin-left: 1.3333333333%;
	}

	.performance-01 .itlist:nth-child(5n+1) {
		margin-left: 1.3333333333%;
	}

	.performance-01 .itlist:nth-child(4n+1) {
		margin-left: 0;
	}

	.performance-03 .li33 {
		width: 100%;
	}

	.performance-03 .li33:nth-child(n+2) {
		margin-top: 20px;
	}

	.performance-02 .textword .li {
		/*margin: 0 2%;*/
		/*width: 28%;*/
	}

	.performance-01 .itlist {
		font-size: 14px;
	}

	.structure-swiper .itembox .items {
		width: 100%;
		margin-left: 0%;
	}

	.structure-swiper .itembox .items .txt {
		font-size: 18px;
		height: 32px;
	}

	.j-structure .structure-box .tit {
		position: static;
	}

	.w1125 {
		width: 80%;
	}

	.j-honor {
		overflow: hidden;
	}

	.honorbox-02 .itemsbox .items {
		font-size: 16px;
	}

	.j-leftfixed {
		position: static;
		text-align: center;
		font-size: 0;
		margin-bottom: 30px;
	}

	.j-leftfixed .items {
		display: inline-block;
		vertical-align: top;
		width: 20%;
		font-size: 15px;
	}

	.j-leftfixed .items .word {
		position: static;
		opacity: 1;
		width: 100%;
	}

	.j-leftfixed .items:hover .word,
	.j-leftfixed .items.active .word {
		padding-left: 0;
	}

	.j-leftfixed .items .img {
		margin: 0 auto;
	}

	.j-leftfixed .items:nth-child(n+2) {
		margin-top: 0;
	}

	.j-leftfixed .items .word {
		transform: translateY(0);
		margin-top: 12px;
	}

	.j-development .lists1 .words {
		width: 100%;
	}

	.j-development .lists1 .images {
		width: 100%;
		margin-top: .6rem;
	}

	.wel-banner .words {
		padding-top: 0;
	}

	.wel-banner .text {
		padding-top: 3rem;
	}

	.wel-banner .text .titen {
		font-size: 1.5rem;
	}

	.wel-banner .text .txtcn {
		font-size: 1rem;
		margin-top: .5rem;
		margin-bottom: 1.2rem;
	}

	.wel-profile .profile .words,
	.wel-profile .profile .images {
		width: 100%;
	}

	.wel-profile .profile .images .img {
		display: none;
	}

	.wel-profile .profile .images .video {
		width: 100%;
		height: auto;
	}

	.wel-profile .profile .images .video img {
		width: 100%;
	}

	.wel-profile .profile .words .text {
		height: auto;
		display: block;
		overflow: visible;
	}

	.wel-body .z-span {
		display: none;
	}

	.wel-service .service-bg .text-bg {
		display: none;
	}

	.wel-service .welservice-con {
		width: 90%;
		overflow: hidden;
	}

	.wel-project .pro-list .li:nth-child(2) {
		margin-top: .5rem;
	}

	.education-02 .li .words-top,
	.education-02 .li .words-bot {
		position: static;
		opacity: 1;
		transform: scale3d(1, 1, 1);
		background: transparent;
		color: #666;
	}

	.education-02 .li .words-top {
		display: none;
	}

	.education-02 .li .words-bot {
		background: #f0f0f0;
	}

	.education-02 .li .words-bot .t0 {
		color: #333;
	}

	.education-02 .li .words-bot .line {
		background: #ccc;
	}

	.education-01 .list .words .li .li-top {
		display: none;
	}

	.text-con .j-txt br {
		display: none;
	}

	.text-fixed-words .fixed-box .tit {
		font-size: 18px;
	}
}

@media (max-width: 992px) {
	.service-item{
		width: 48%;
	}
	.j-tabloid .list .items {
		width: 100%;
		margin-left: 0%;
	}

	.j-core02 .core02-list .list .li .box {
		width: 130px;
	}

	.j-core02 .core02-list .list .li9 .box,
	.j-core02 .core02-list .list .li8 .box,
	.j-core02 .core02-list .list .li7 .box,
	.j-core02 .core02-list .list .li6 .box {
		left: .5rem;
	}
}

.pc768 {
	display: block;
}

.m768 {
	display: none;
}

.video-fixed .cha {
	width: 40px;
	height: 40px;
	background: url(../img/close-vid2.png) no-repeat center/100% auto;
	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
}

@media (max-width: 767px) {
	.service-item{
		width: 100%;
		margin: 0;
	}
	.j-roads-lists .list .itembox {
		padding-top: 0;
	}

	.j-roads-lists .list .items {
		margin-top: 0;
	}

	.j-roads-images .psp {
		width: .5rem;
		height: .5rem;
		bottom: .6rem;
	}

	.video-fixed .cha {
		width: .5rem;
		height: .5rem;
	}

	.v-videofixed .videobox {
		width: 95%;
	}

	.text-fixed-words .fixed-box {
		padding: 0.35rem 0.5rem;
	}

	.text-fixed-words .fixed-box .tit {
		font-size: .3rem;
		line-height: 1.5;
		padding-bottom: .3rem;
	}

	.text-fixed-words .fixed-box {
		width: 90%;
	}

	.text-fixed-words .fixed-box .close {
		top: .4rem;
		right: .4rem;
		width: .35rem;
		height: .35rem;
	}

	.text-fixed-words .fixed-box {
		font-size: .24rem;
		line-height: 1.6;
	}

	.text-fixed-words .fixed-box .con-li:nth-child(n+2) {
		margin-top: .3rem;
	}

	.j-roads-lists {
		padding-top: 1rem;
		padding-bottom: 1.7rem;
	}

	.j-roads-lists .list {
		padding: 0;
		padding-top: 1rem;
		width: calc(100% - 1rem);
	}

	.j-roads-lists .list .li {
		width: 100%;
		float: left;
	}

	.j-roads-lists .list .li img {
		width: 100%;
	}

	.j-roads-lists .list .li .words {
		width: 100%;
		position: static;
	}

	.j-roads-lists .list .li .box .tit {
		font-size: .28rem;
	}

	.j-roads-lists .list .li .box .words {
		padding-top: 0.25rem;
	}

	.j-roads-lists .list .li.fl:before {
		right: auto;
		left: -12px;
	}

	.j-roads-lists .list .li .box {
		width: 100%;
	}

	.j-roads-lists .list .before {
		right: auto;
		width: .5rem;
		height: .5rem;
		left: -.5rem;
	}

	.education-01 .list .words .li .li-bot {
		font-size: .24rem;
		line-height: 1.6;
	}

	.j-roads-lists .list .after {
		right: auto;
		left: -.25rem;
	}

	.j-roads-lists .list .li:before {
		width: .4rem;
		height: .4rem;
		left: -0.45rem !important;
	}

	.j-roads-lists .list .li .box {
		font-size: .24rem;
		line-height: 1.6;
	}

	.j-roads-lists .list .li .box .txt {
		margin-top: 0.15rem;
		margin-bottom: 0.2rem;
	}

	.j-roads-lists .list .li .box .txt {
		font-size: .26rem;
	}

	.j-estate-03 .items .words .line {
		margin-top: .3rem;
		margin-bottom: .3rem;
		width: .5rem;
	}

	.j-estate-02 .map {
		margin-left: 0;
	}

	.j-estate-03 .items .words .tbox {
		padding: 0.65rem 0.35rem 0.6rem 0.35rem;
	}

	.j-estate-03 .list-bot .items {
		width: 100%;
		margin-left: 0;
	}

	.j-estate-03 {
		padding-top: 0.9rem;
		padding-bottom: 0.7rem;
	}

	.j-estate-03 .tit {
		margin-bottom: 0.5rem;
	}

	.j-estate-02 .wordss {
		position: static;
		text-align: left;
		width: 100%;
	}

	.j-estate-02 {
		min-height: 0;
		padding-top: 1rem;
		padding-bottom: 1.15rem;
	}

	.j-estate-01 {
		padding-top: 1.2rem;
		padding-bottom: 0.9rem;
	}

	.j-estate-02 .wordss .text span {
		font-size: .6rem;
	}

	.j-estate-02 .wordss .text span sup,
	.j-estate-02 .wordss .text span sub {
		font-size: .32rem;
	}

	.j-estate-02 .wordss .txt {
		font-size: .24rem;
		margin-bottom: 0.22rem;
		margin-top: 0.2rem;
	}

	.j-estate-02 .wordss .p {
		font-size: .2rem;
		line-height: .3rem;
	}

	.j-estate-03 .items .words {
		font-size: .24rem;
		line-height: 1.6;
	}

	.j-estate-bot .tit {
		padding-right: 1.1rem;
	}

	.j-estate-bot img {
		width: 1rem;
	}

	.j-estate-bot {
		line-height: 2rem;
	}

	.j-estate-bot .tit:after {
		width: .5rem;
		height: .5rem;
	}

	.j-estate-bot .images {
		height: 2rem;
	}

	.column-swiper .items .span {
		line-height: 1.2;
	}

	.j-leftfixed {
		margin-bottom: .5rem;
	}

	.performance-01 .itlist .more {
		font-size: .24rem;
	}

	.j-leftfixed .items .img {
		width: .75rem;
		height: .75rem;
	}

	.j-leftfixed .items .word {
		font-size: .24rem;
	}

	.j-serve {
		padding-top: 1.2rem;
		padding-bottom: 1.7rem;
	}

	.text-con .j-txt {
		width: 100%;
		margin-top: .5rem;
	}

	.ser-swiper .buts .swiper-button-prev,
	.ser-swiper .buts .swiper-button-next {
		width: .6rem;
		height: .6rem;
	}

	.ser-swiper .buts .swiper-button-prev {
		left: 0;
	}

	.ser-swiper .buts .swiper-button-next {
		right: 0;
	}

	.j-serves-swiper {
		margin-top: 0.7rem;
	}

	.wel-profile .profile .images {
		padding: 0;
	}

	.wel-banner .text {
		padding-top: 2rem;
	}

	.wel-banner .text .titen {
		font-size: .65rem;
	}

	.wel-banner .text .txtcn {
		font-size: .5rem;
		margin-top: .35rem;
		margin-bottom: .55rem;
	}

	.wel-more {
		width: 2rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .22rem;
	}

	.wel-project .pro-list .center {
		width: 100%;
		margin: .3rem 0;
	}

	.wel-project .pro-list .center img {
		width: 100%;
	}

	.wel-service .items .words .txt {
		margin-top: .3rem;
		display: none;
	}

	.wel-project .pro-list .li:nth-child(2) {
		margin-top: .3rem;
	}

	.wel-service .items .words .li {
		font-size: .2rem;
		display: block;
		margin-left: 0 !important;
	}

	.wel-service .items .words .li:nth-child(n+2) {
		margin-left: .5rem;
	}

	.wel-service .items .words .txt img {
		width: .4rem;
		height: .4rem;
	}

	.wel-service .button {
		display: none;
	}

	.scroll-btn {
		display: none;
	}

	.wel-project .pro-list .left,
	.wel-project .pro-list .right {
		width: 100%;
		height: 100%;
	}

	.wel-project .pro-list .left img,
	.wel-project .pro-list .right img {
		height: 100%;
	}
	.wel-project .pro-list .right a{
		margin: .3rem;
	}

	.wel-project .more {
		margin-top: .6rem;
	}

	.wel-news .news-tit {
		padding: 0;
	}

	.wel-news .news-tit .con-text {
		position: static;
	}

	.wel-news .news-con-list .items .images {
		height: auto;
	}

	.wel-profile .profile .words.m-words {
		padding-bottom: .5rem;
		margin-bottom: .7rem;
		border-bottom: 1px solid #cccccc;
	}

	.wel-service .items .img:before {
		width: .8rem;
		height: .8rem;
	}

	.wel-service .items .img {
		height: auto;
	}

	.wel-profile .profile {
		padding-top: 1rem;
		padding-bottom: 1.5rem;
	}

	.wel-profile .profile .words {
		/*padding-top: 1.5*.4rem;*/
		/*padding-left: 1.25*.4rem;*/
		padding: 0;
	}

	.con-text .tit-en {
		font-size: 0.55rem;
	}

	.con-text .tit-cn {
		font-size: .4rem;
		margin-top: .25rem;
	}

	.wel-profile .s-span {
		display: none;
	}

	.wel-profile .profile .words .text {
		margin-top: .4rem;
		margin-bottom: .8rem;
		font-size: .24rem;
		line-height: .45rem;
		color: #666666;
		height: 1.8rem;
		/*display: -webkit-box;*/
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	.wel-service .service-bg {
		display: none;
	}

	.wel-service .service {
		padding-bottom: 1.5rem;
		padding-top: 0.9rem;
	}

	.wel-service .service-swiper {
		margin-top: 0.55rem;
	}

	.wel-service .items .words .tit {
		font-size: .3rem;
		line-height: .4rem;
		height: .4rem;
	}

	.wel-service .items .words {
		padding-top: .3rem;
	}

	.wel-project .project .con-text {
		text-align: left;
	}

	.wel-project {
		padding-top: 1.15rem;
		padding-bottom: 1.5rem;
		position: relative;
	}

	.wel-project .pro-list .items .span {
		font-size: .24rem;
		padding: .2rem .3rem;
	}

	.wel-news .news-con-list {
		margin-top: 0;
	}

	.education-02 .li {
		width: 100%;
		margin-left: 0;
	}

	.education-02 .li:nth-child(n+2) {
		margin-top: .4rem;
	}

	.education-02 .li img {
		width: 100%;
	}

	.education-02 .li .words-bot .line {
		width: .4rem;
		margin-top: .25rem;
		margin-bottom: .3rem;
	}

	.education-01 {
		padding-top: 0.7rem;
	}

	.j-education .tit.tc {
		margin-bottom: .4rem;
	}

	.education-02 {
		margin-top: 0.95rem;
	}

	.education-02 .li .words-bot {
		padding: .4rem;
		padding-top: .48rem;
	}

	.education-02 .li .words-bot .t0 {
		font-size: .3rem;
	}

	.education-02 .li .words-bot .p {
		font-size: .24rem;
		line-height: 1.5;
	}

	.w1125 {
		width: 100%;
	}

	.honorbox01-swiper .swiper-button-prev {
		left: 0;
	}

	.honorbox01-swiper .swiper-button-next {
		right: 0;
	}

	.honorbox01-swiper .txt {
		margin-top: .1rem;
	}

	.honorbox01-swiper {
		padding-top: 1.2rem;
		padding-bottom: 1.7rem;
	}

	.structure-swiper .itembox .items {
		background: url(../img/jpg/i21.jpg) no-repeat right bottom;
		background-size: cover;
		color: #fff;
	}

	.honorbox01-swiper .words {
		display: none;
	}

	.honorbox01-swiper .swiper-slide-active .words {
		display: block;
	}

	.z-span {
		font-size: 1.5rem;
	}

	.honorbox-01 {
		padding-bottom: .5rem;
	}

	.honorbox01-swiper .tit {
		font-size: .28rem;
	}

	.honorbox01-swiper .swiper-button-prev,
	.honorbox01-swiper .swiper-button-next {
		width: .45rem;
		height: .45rem;
	}

	.honorbox01-swiper .txt {
		font-size: .2rem;
		line-height: 1.5;
	}

	.honorbox01-swiper .words {
		padding: 0.08rem;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.pc768 {
		display: none;
	}

	.m768 {
		display: block;
	}

	.j-structure {
		padding-top: 1.15rem;
		padding-bottom: 0.85rem;
	}

	.structure-swiper .itembox .items .txt {
		font-size: .28rem;
		line-height: 1.2;
		height: auto;
		display: block;
	}

	.structure-swiper .itembox .items .line {
		transition: .5s ease-in-out;
		background: rgba(255, 255, 255, 0.4);
		width: 100%;
		margin: .2rem 0;
	}

	.structure-swiper .itembox .items .box-word {
		font-size: .24rem;
		line-height: .4rem;
	}

	.structure-swiper .itembox .items .box-word .p {
		line-height: .4rem;
		height: 1.6rem;
		opacity: 1 !important;
	}

	.structure-swiper .itembox .items .box-word .li .i {
		line-height: .4rem;
		padding-left: .6rem;
	}

	.structure-swiper .itembox .items .box-word .li .i img {
		width: .24rem;
		height: .32rem;
		top: .04rem;
	}

	.structure-swiper .itembox .items .box-word .li {
		position: static;
		opacity: 1;
	}

	.structure-swiper .itembox .items {
		margin-bottom: 0.5rem;
		padding: 0.45rem 0.55rem 0.55rem 0.4rem;
	}

	.j-structure-bot {
		min-height: 0;
		padding-top: 1.2rem;
		padding-bottom: 1.7rem;
	}

	.j-structure-bot .tit {
		margin-bottom: .4rem;
	}

	.structure-swiper {
		margin-top: .8rem;
	}

	.structure-swiper .itembox .items {
		width: 100%;
		margin-left: 0;
	}

	.performance-03 {
		padding-top: 1rem;
		padding-bottom: 1.7rem;
	}

	.performance-03 .ul-bot {
		margin-top: .3rem;
		line-height: 1.5;
		font-size: .24rem;
	}

	.performance-03 .ul {
		padding-top: .4rem;
		padding-bottom: 0.45rem;
	}

	.performance-03 .ul-top {
		font-size: .28rem;
	}

	.performance-03 .ul-bot .li33 .tit {
		font-size: .26rem;
	}

	.performance-03 .j3-close {
		margin-top: .8rem;
	}

	.column-swiper.w1280 {
		padding: 0;
	}

	.j-attention .items.video .img:after {
		height: .8rem;
		width: .8rem;
	}

	.column-swiper {
		line-height: 1.3rem;
		height: 1.3rem;
	}

	.column-swiper .swiper-button-prev,
	.column-swiper .swiper-button-next {
		width: .3rem;
		height: .5rem;
	}

	.column-swiper .items {
		font-size: .24rem;
	}

	.tit-48 {
		font-size: .48rem;
	}

	.tit-36 {
		font-size: .36rem;
	}

	.w1280 {
		width: 100%;
		/*padding:0 .4rem;*/
		padding-left: .4rem;
		padding-right: .4rem;
	}

	.bocweb-footer .bocweb-footer-top {
		padding-top: .8rem;
	}

	.con-banner .text {
		padding-top: 2.05rem;
	}

	.con-banner .text .tit-cn {
		margin-top: 0.15rem;
		margin-bottom: 0.35rem;
	}

	.bocweb-footer .bocweb-footer-bot {
		line-height: 1.6;
		height: auto;
		padding-top: 15px;
		padding-bottom: 40px;
	}

	.bocweb-footer .bocweb-footer-bot .fl,
	.bocweb-footer .bocweb-footer-bot .fr {
		width: 100%;
	}

	.bocweb-footer .bocweb-footer-top .footer-nav .nav-top {
		font-size: .24rem;
		line-height: .5rem;
	}

	.bocweb-footer .bocweb-footer-top .footer-nav {
		font-size: .24rem;
	}

	.bocweb-footer .bocweb-footer-c {
		padding: .5rem 0;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		margin-top: .45rem;
	}

	.bocweb-footer .select .selecttop {
		height: .5rem;
		line-height: .5rem;
		width: 3.35rem;
	}

	.bocweb-footer .select {
		width: 100%;
	}

	.bocweb-footer .bocweb-footer-c .selectcon {
		line-height: .5rem;
		font-size: .2rem;
	}

	.bocweb-footer .select {
		font-size: .2rem;
	}

	.bocweb-footer .select .selecttop {
		background-position: 90%;
	}

	.bocweb-footer .bocweb-footer-bot br {
		display: block;
	}

	.bocweb-footer .bocweb-footer-bot {
		font-size: .2rem;
		line-height: 2;
		color: #fff;
	}

	.bocweb-footer .bocweb-footer-bot {
		padding-top: .3rem;
		padding-bottom: .8rem;
	}

	.bocweb-footer .bocweb-footer-bot a {
		color: #fff;
	}

	.bocweb-footer .bocweb-footer-bot .fx span {
		font-size: .2rem;
	}

	.bocweb-footer .bocweb-footer-bot .fx a {
		margin-left: .2rem;
		width: .4rem;
		height: .4rem;
	}

	.bocweb-footer .selectcon .li {
		padding: 0 .15rem;
	}

	.bocweb-footer .select .selectbot {
		bottom: .5rem;
	}

	.j-news {
		padding-top: 1.1rem;
		padding-bottom: 1.7rem;
	}

	.j-news-select .select {
		width: 49%;
	}

	.j-news-select .select:nth-child(2) {
		margin-left: 2%;
	}

	.j-news-select .input {
		margin-left: 0;
		width: 70%;
		margin-top: 2%;
	}

	.j-news-select .submit {
		width: 28%;
		margin-left: 2%;
		margin-top: 2%;
	}

	.j-news .j-news-select {
		margin-bottom: .8rem;
	}

	.j-news-bot .items {
		width: 100%;
		margin-left: 0;
	}

	.j-news-top .images .swiper-pagination {
		margin-top: .35rem;
		line-height: 1;
	}

	.j-news .j-news-bot {
		margin-top: .8rem;
	}

	.j-news-bot .items .words {
		padding-top: 0.35rem;
	}

	.j-news-bot .items .words .t1 {
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
		margin-top: 0.15rem;
		margin-bottom: 0.4rem;
	}

	.j-news-bot .items .words .t0 {
		font-size: .28rem;
		height: .45rem;
		line-height: .45rem;
	}

	.j-news-bot .items .words .txt {
		padding-top: 0.15rem;
		padding-bottom: 0.15rem;
	}

	.j-news-bot .items .txt .n {
		font-size: .45rem;
	}

	.j-news-bot .items .txt .m {
		font-size: .2rem;
	}

	.j-news-bot .items .txt .span {
		width: .32rem;
		height: .24rem;
	}

	.j-news-bot .items {
		margin-bottom: 0.45rem;
	}

	.j-news-bot .list {
		padding-bottom: .4rem;
	}

	.pagination a {
		font-size: .15rem;
		line-height: .5rem;
		height: .5rem;
		width: .5rem;
		margin: 0 .05rem;
		font-family: Arial;
	}

	.j-news-select .li input,
	.j-news-select .li select {
		padding-left: .2rem;
	}

	.j-news-select .li {
		height: .8rem;
		font-size: .24rem;
	}

	.j-news-top .images .items .span {
		font-size: .28rem;
		padding: 0.35rem 0.25rem;
	}

	.j-announcement .items .text {
		padding-left: 0.5rem;
		padding-right: 0.75rem;
	}

	.j-text .t1 {
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
		margin-top: 0.15rem;
		margin-bottom: .4rem;
	}

	.j-announcement .time {
		font-size: .2rem;
		margin-bottom: 0.25rem;
	}

	.j-span {
		width: .32rem;
		height: .24rem;
	}

	.j-announcement .items {
		padding: .3rem;
	}

	.j-announcement .list {
		padding-bottom: .5rem;
	}

	.j-announcement .items .t0 {
		font-size: .28rem;
		line-height: .45rem;
		height: .45rem;
	}

	.j-announcement .items .words {
		padding-top: 0;
	}

	.j-announcement .time {
		padding-top: .3rem;
	}

	.j-announcement .items {
		margin-bottom: .3rem;
	}

	.j-tabloid .list .items .words {
		padding-bottom: 0.5rem;
		padding-top: 0.35rem;
	}

	.j-tabloid .list .items .words .tit {
		margin-bottom: .3rem;
		font-size: .28rem;
		line-height: .4rem;
		/*height: .8rem;*/
	}

	.j-video .items {
		width: 100%;
		margin-left: 0;
	}

	.j-video .items .img:after {
		width: .8rem;
		height: .8rem;
	}

	.j-video .items .tit {
		font-size: .28rem;
		line-height: 1.6;
		height: auto;
		display: block;
		overflow: visible;
	}

	.j-video .items .words {
		padding-top: 0.25rem;
		padding-bottom: 0.95rem;
	}

	.attention-top .items .words {
		padding: 0.75rem 0.55rem 0.4rem 0.5rem;
	}

	.attention-swiper .buts {
		right: 0.55rem;
		bottom: 0.45rem;
		line-height: 1;
	}

	.attention-top .items .t1 {
		height: 1.2rem;
	}

	.attention-swiper .swiper-button-prev,
	.attention-swiper .swiper-button-next {
		margin: 0 .2rem;
	}

	.attention-top .items .time {
		position: static;
		font-size: .2rem;
	}

	.j-text .t0 {
		font-size: .28rem;
		line-height: .45rem;
		height: .45rem;
	}

	.attention-swiper .swiper-pagination {
		font-size: .2rem;
	}

	.attention-swiper .swiper-button-prev,
	.attention-swiper .swiper-button-next {
		width: .2rem;
		height: .4rem;
	}

	.attention-swiper .span {
		line-height: .4rem;
	}

	.attention-top {
		padding-top: 1.2rem;
		padding-bottom: 1rem;
	}

	.attention-center {
		padding-top: 0.7rem;
		padding-bottom: 1.15rem;
	}

	.con-swiper .buts .swiper-pagination {
		line-height: 1;
	}

	.con-swiper .buts .swiper-pagination-bullet {
		width: .15rem;
		height: .15rem;
	}

	.con-swiper .buts .swiper-pagination-bullet-active {
		width: .5rem;
	}

	.attention-bot .items .words {
		width: 100%;
		position: static;
	}

	.attention-bot .items .img {
		width: 100%;
	}

	.attention-bot {
		padding-top: 0.9rem;
		padding-bottom: 1.7rem;
	}

	.attention-bot .buts .swiper-pagination {
		margin-top: 1.2rem;
	}

	.attention-bot .items .words {
		border: 1px solid #e5e5e5;
		padding: 0.45rem 0.35rem 0.5rem 0.3rem;
	}

	.attention-bot .items .time {
		position: static;
		padding-top: .3rem;
		line-height: 1;
		font-size: .2rem;
	}

	.attention-bot .items .t0 {
		font-size: .28rem;
		line-height: .45rem;
		height: .9rem;
		margin-bottom: .4rem;
	}

	.j-publications .items .words {
		padding-top: 0.25rem;
		padding-bottom: 0.55rem;
	}

	.j-publications .items .tit {
		font-size: .26rem;
		line-height: .4rem;
		height: .4rem;
	}

	.j-about-top .words {
		width: 100%;
	}

	.j-about-top .images {
		width: 100%;
		margin-top: .5rem;
	}

	.j-about-top .images img {
		width: 100%;
	}

	.j-ab-botswiper .words-box .num {
		font-size: .8rem;
	}

	.j-about-top {
		padding-top: 1.2rem;
		padding-bottom: 1rem;
	}

	.s-span {
		width: 4.7rem;
		height: 5.67rem;
	}

	.j-about-top .txt {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.tit-44 {
		font-size: .44rem;
	}

	.text-con {
		font-size: .24rem;
		line-height: 1.6;
	}

	.j-about-top .s-more {
		margin-top: .8rem;
	}

	.j-about-bot {
		height: auto;
		padding-top: 0.75rem;
		padding-bottom: 1.4rem;
	}

	.j-ab-botswiper .words-box {
		padding-top: 0.6rem;
	}

	.j-about-bot .tit {
		padding-bottom: 0.5rem;
	}

	.j-ab-botswiper .words-box .span {
		font-size: .2rem;
		margin-top: .2rem;
	}

	.j-ab-botswiper .swiper-button-next,
	.j-ab-botswiper .swiper-button-prev {
		width: .5rem;
		height: .5rem;
	}

	.j-about-bot .txt {
		line-height: .5rem;
	}

	.j-ab-botswiper .swiper-button-next {
		margin-left: .3rem;
	}

	.s-more {
		font-size: .24rem;
		padding-bottom: .15rem;
		padding-right: .25rem;
	}

	.j-speech-02 {
		padding-top: 1rem;
		padding-bottom: 1.6rem;
	}

	.text-speech2 .tnt {
		height: auto;
		line-height: 1.6;
		padding-right: 0;
	}

	.text-speech2 .t-bot {
		width: 100%;
		padding-right: 0;
	}

	.text-speech2 .txt {
		padding-right: 1rem;
	}

	.j-speech-02 .tit {
		margin-bottom: 0.35rem;
	}

	.j-speech-01 .words {
		padding-top: .3rem;
	}

	.j-speech-01 .words .tit {
		margin-bottom: .5rem;
	}

	.j-speech-01 .words .p {
		font-size: .24rem;
		line-height: 1.6;
	}

	.j-speech-01 .words .i-img {
		margin-top: .4rem;
	}

	.j-speech-01 .words .i-img img {
		width: 2rem;
	}

	.text-speech2 .txt {
		margin-bottom: .4rem;
	}

	.text-speech2 .txt .t0 {
		font-size: .3rem;
	}

	.text-speech2 .txt .t1 {
		font-size: .24rem;
		line-height: 1.6;
		margin-top: .2rem;
	}

	.text-speech2 .t-bot {
		margin-top: .25rem;
		padding-top: .35rem;
	}

	.text-speech2 .t-bot {
		font-size: .2rem;
	}

	.text-speech2 .tnt {
		font-size: .24rem;
	}

	.j-culture .items .words .b {
		width: 0.55rem;
		height: 0.55rem;
		margin-top: 0.45rem;
	}

	.j-culture .items .words .txt {
		height: 1.5rem;
	}

	.j-culture .items .words .txt .span {
		font-size: .36rem;
	}

	.honorbox-03 {
		padding-top: 1rem;
		padding-bottom: 1.7rem;
	}

	.honorbox-03 .buts .swiper-pagination {
		margin-top: .5rem;
	}

	.honorbox-03 .words {
		font-size: .24rem;
		line-height: .32rem;
		height: .32rem;
	}

	.honorbox-03 .items {
		padding: 0.35rem 0.3rem 0.25rem 0.3rem;
		margin-bottom: 0.25rem;
	}

	.honorbox-02 {
		padding-top: 1rem;
		padding-bottom: 1.2rem;
	}

	.honorbox-02 .itemsbox .items,
	.honorbox-02 .itemsbox .items .titen {
		font-size: .24rem;
		line-height: 1.6;
	}

	.layouts .layout-tit .tit {
		font-size: .36rem;
		width: 100%;
	}

	.layouts .layout-tit .buttons a {
		width: 48%;
		font-size: 0.2rem;
	}

	.layouts .layout-tit .buttons a:nth-child(n+2) {
		margin-left: 2%;
	}

	.layouts .layout-tit .buttons a span {
		margin-left: .2rem;
	}

	.layouts .layout-tit .buttons {
		width: 100%;
		margin-top: .2rem;
		font-size: 0;
	}

	.lsyout-box {
		padding-top: 0.85rem;
	}

	.i-layout {
		padding-bottom: 1rem;
	}

	.layouts .layout-tit {
		line-height: 0.5rem;
	}

	.layouts .layout-tit {
		top: 5%;
	}

}

.fa {
	background: #fafafa;
}

.newsinfo-box {
	padding: 4rem 0;
	background-position: right 5rem;
}

.pub-bg {
	background-repeat: no-repeat;
	background-size: 66.4583%;
}

.newsinfo-box .left {
	float: left;
	width: 69.2857%;
}

.newsinfo-box .left .tit {
	font-size: .75rem;
	line-height: .85rem;
	color: #000;
}

.newsinfo-box .left .share-box {
	margin-top: .4rem;
	padding-bottom: .4rem;
	border-bottom: 1px solid #d1d1d1;
}

.newsinfo-box .left .bshare-custom {
	float: left;
	font-size: 0 !important;
}

.newsinfo-box .left .bshare-custom a,
.newsinfo-box .left .bshare-custom span {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: .4rem;
	color: #666;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 20px;
}

.newsinfo-box .left .bshare-custom span {
	margin-right: .5rem;
}

.newsinfo-box .left .bshare-custom a {
	width: 25px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	margin-right: .4rem;
}

.newsinfo-box .left .bshare-custom .bshare-weixin {
	background-image: url("../img/wechat.svg");
}

.newsinfo-box .left .bshare-custom .bshare-sinaminiblog {
	background-image: url("../img/weibo.svg");
}

.newsinfo-box .time {
	font-size: .4rem;
	line-height: 20px;
	color: #666;
}

.newsinfo-box .left .con {
	margin-top: .9rem;
	font-size: .4rem;
	line-height: .9rem;
	color: #666;
}

.newsinfo-box .left .con img {
	max-width: 100%;
}

.newsinfo-box .left .buttons {
	font-size: 0;
	width: 100%;
	height: 1.6rem;
	background-color: #fff;
	margin-top: 1.5rem;
	box-sizing: border-box;
	padding: 0 .9rem;
	position: relative;
}

.newsinfo-box .left .buttons a {
	font-size: .4rem;
	line-height: .5rem;
	color: #666;
}

.newsinfo-box .left .buttons .prev,
.newsinfo-box .left .buttons .next {
	margin-top: .5rem;
	width: 33.3%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.newsinfo-box .left .buttons .prev {
	float: left;
}

.newsinfo-box .left .buttons .next {
	float: right;
}

.newsinfo-box .left .buttons .back {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 33.3%;
	text-align: center;
}

.newsinfo-box .right {
	float: right;
	width: 25.42857%;
	margin-top: .75rem;
}

.newsinfo-box .right .tit {
	font-size: .6rem;
	line-height: .7rem;
	color: #000;
}

.newsinfo-box .right .list {
	margin-top: .7rem;
}

.newsinfo-box .right .list a {
	margin-bottom: .2rem;
	display: block;
	background-color: #fff;
	color: #2f2f2f;
	font-size: .4rem;
	padding: .5rem 1rem .5rem .5rem;
	border-radius: 4px;
	line-height: .5rem;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s;
}

.newsinfo-box .right .list a:hover:before {
	background-image: url(../img/jpg/guideinfo-more2.png);
}

.newsinfo-box .right .list a:hover {
	color: #fff;
	background-color: #d80a09;
}

.newsinfo-box .right .list a:last-child {
	margin-bottom: 0;
}

.newsinfo-box .right .list a:before {
	content: "";
	position: absolute;
	right: .75rem;
	top: 50%;
	width: .175rem;
	height: .325rem;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-image: url(../img/jpg/guideinfo-more.png);
	transform: translateY(-50%);
	transition: all .3s;
}

.newsinfo-box .right .once {
	display: block;
	height: 1.6rem;
	line-height: 1.6rem;
	background-color: #226fd8;
	border-radius: 4px;
	text-align: center;
	font-size: 0;
	margin-top: .5rem;
}

.newsinfo-box .right .once span {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: .4rem;
	color: #fff;
	padding-right: .3rem;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("../img/guideinfo-more2.png");
	background-size: .175rem;
}

.newsinfo-box .left .buttons a:hover {
	color: #d80a09;
	transition: .5s ease-in-out;
}

@media (max-width: 1024px) {
	.service-item{
		width: 48%;
	}
	.wel-news .news-con-list .items .images {
		height: auto;
	}

	.wel-news .news-con-list .items .words {
		position: static;
	}

	.view,
	.news-view {
		padding: 0 5%;
		width: auto;
	}

	.newsinfo-box .left .bshare-custom {
		display: none;
	}

	.newsinfo-box .time {
		float: none;
	}

	.education-01 .list .words .li .li-top,
	.education-01 .list .words .li .li-bot {
		opacity: 1 !important;
		position: static;
		color: #666;
		transform: translateY(0);
		padding: 0;
	}

	.education-01 .list .words .li {
		width: 100%;
	}

	.education-01 .list .words {
		position: static;
	}

	.education-01 .list .words .li .li-bot .ti {
		color: #333;
	}

	.education-01 .list .words .li .li-bot .line {
		background: #666;
	}

	.education-01 .list .words .li:hover {
		background: transparent;
	}

	.education-01 .list .words .li .box {
		padding: 25px 20px;
	}

	.education-01 .list .words .li .li-top {
		color: #333;
		margin-bottom: 15px;
	}

	.wel-news .news-tit .welnews-swiper {
		display: none;
	}

	.wel-news .news-tit {
		border-bottom: none;
	}
}

@media (max-width: 767px) {
	.service-item{
		width: 48%;
	}
	.wel-body .con-text .tit-en {
		text-transform: uppercase;
		color: #d80a09;
	}

	.wel-service .welservice-con {
		width: 100%;
	}

	.wel-body .con-text {
		padding-bottom: .5rem;
		margin-bottom: .7rem;
		border-bottom: 1px solid #cccccc;
	}

	.wel-profile .profile .words {
		border-bottom: none;
	}

	.wel-profile .profile .images .video:after {
		width: .6rem;
		height: .6rem;
	}

	.wel-news {
		padding-top: 1.15rem;
		padding-bottom: 1.75rem;
	}

	.wel-news .news-tit .swiper-slide:nth-child(n+2) {
		padding-left: .4rem;
	}

	.wel-news .news-con-list .items .tit {
		font-size: .3rem;
		line-height: .5rem;
		height: 1rem;
		margin-bottom: .15rem;
	}

	.wel-news .news-con-list .items .time {
		display: none;
	}

	.wel-news .news-con-list .items .more {
		width: .24rem;
		height: .16rem;
		margin-top: .6rem;
	}

	.wel-news {
		background: #fff;
	}

	.wel-body {
		background: #f0f0f0;
	}

	.wel-project,
	.wel-service,
	.wel-profile {
		background: #fff;
		margin-bottom: .5rem;
	}

	.wel-profile .profile .words {
		margin-bottom: 0;
	}

	.wel-service .swiper-pagination {
		font-size: .3rem;
	}

	.wel-news .news-con-list .items .words {
		padding: .4rem .3rem;
		padding-bottom: 0.35rem;
		background: transparent;
		border: 1px solid #e5e5e5;
		border-top: none;
	}

	.con-swiper .buts .swiper-pagination-bullet-active {
		width: .15rem;
	}

	.wel-news .news-con-list .items .tit {
		margin-top: 0;
	}

	.wel-news .news-con-list .items .txt {
		font-size: .24rem;
		line-height: .35rem;
		height: .7rem;
		color: #666666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.wel-news .news-tit .swiper-slide .li {
		padding-bottom: 0.45rem;
	}

	.wel-news .news-con-list .swiper-pagination {
		margin-top: .5rem;
	}

	.newsinfo-box .left,
	.newsinfo-box .right {
		float: none;
		width: 100%;
	}

	.newsinfo-box .left .tit {
		font-size: .3rem;
		line-height: .4rem;
	}

	.newsinfo-box .left .share-box {
		margin-top: .1rem;
		padding-bottom: .2rem;
	}

	.newsinfo-box {
		padding: .7rem 0;
	}

	.newsinfo-box .left,
	.newsinfo-box .right {
		float: none;
		width: 100%;
	}

	.newsinfo-box .right .once {
		height: 1rem;
		line-height: 1rem;
	}

	.newsinfo-box .right .once span {
		font-size: .3rem;
		line-height: 1rem;
		background-size: .1rem;
	}

	.news-box .list .page {
		margin-top: .8rem;
	}

	.page a {
		width: .6rem;
		height: .6rem;
		background-size: .1rem;
	}

	.newsinfo-box .left .tit {
		font-size: .3rem;
		line-height: .4rem;
	}

	.newsinfo-box .time {
		font-size: .24rem;
		line-height: .4rem;
	}

	.newsinfo-box .left .share-box {
		margin-top: .1rem;
		padding-bottom: .2rem;
	}

	.newsinfo-box .left .con {
		font-size: .24rem;
		line-height: .5rem;
		margin-top: .3rem;
	}

	.newsinfo-box .left .buttons {
		margin-top: .5rem;
		height: 1rem;
		padding: 0 .3rem;
	}

	.newsinfo-box .left .buttons a {
		font-size: .24rem;
		line-height: .4rem;
	}

	.newsinfo-box .left .buttons .prev,
	.newsinfo-box .left .buttons .next {
		margin-top: .3rem;
	}

	.newsinfo-bo {
		margin-top: .3rem;
	}

	.newsinfo-box .right .tit {
		font-size: .3rem;
		line-height: .4rem;
	}

	.newsinfo-box .right .list {
		margin-top: .3rem;
	}

	.newsinfo-box .right .list a {
		font-size: .24rem;
		padding: .3rem .7rem .3rem .3rem;
	}

	.newsinfo-box .right .list a:before {
		right: .3rem;
		width: .0875rem;
		height: .1625rem;
	}

	.j-core01 .list .words {
		position: static;
		color: #666;
	}

	.j-core01 .list {
		line-height: 1.5;
		height: auto;
	}

	.j-core01 .list .images {
		height: 5rem;
	}

	.j-core01 .list .words .li .box {
		color: #222;
	}

	.j-core01 .list .words .li .box .i {
		font-size: .3rem;
		margin-bottom: .2rem;
	}

	.j-core01 .list .words .li:after {
		display: none;
	}

	.j-core01 .list .words .li {
		padding: .3rem 0;
		width: 100%;
		border-bottom: 1px dashed #555;
	}

	.j-core01 .list .words .li .box .p {
		font-size: .24rem;
		line-height: 1.6;
		height: auto;
	}

	.j-core {
		padding-top: 1.2rem;
		padding-bottom: 1.7rem;
	}

	.j-core .j-core-tit {
		margin-bottom: .5rem;
	}

	.j-core .tit {
		margin-bottom: .6rem;
	}

	.tit-30 {
		font-size: .3rem;
	}

	.j-core01 {
		padding-bottom: 1rem;
	}

	.j-core02 .core02-list {
		width: 6.4rem;
		height: 5.0666666667rem;
		padding-top: 0.2666666667rem;
	}

	.j-core02 .core02-list .list {
		width: 4rem;
		height: 4rem;
	}

	.j-core02 .core02-list .list .li {
		width: 0.0666666667rem;
		height: 0.0666666667rem;
	}

	.j-core02 .core02-list .list .li .t0 {
		font-size: .2rem;
	}

	.j-core02 .core02-list .list .li .t1 {
		font-size: .2rem;
		margin-top: 0.0666666667rem;
	}

	.j-core02 .core02-list .list .li .i0 {
		max-width: 0.3rem;
	}

	.j-core02 .core02-list .list .li .box {
		width: 1.8rem;
	}

	.j-core02 .core02-list .list .li4 .box,
	.j-core02 .core02-list .list .li3 .box,
	.j-core02 .core02-list .list .li2 .box,
	.j-core02 .core02-list .list .li1 .box {
		padding-right: 0.325rem;
		right: .1rem;
	}

	.j-core02 .core02-list .list .li9 .box,
	.j-core02 .core02-list .list .li8 .box,
	.j-core02 .core02-list .list .li7 .box,
	.j-core02 .core02-list .list .li6 .box {
		padding-left: 0.325rem;
		left: .1rem;
	}

	.j-core02 .core02-list .list .li9 {
		right: 1.2rem;
		top: 0.1333333333rem;
	}

	.j-core02 .core02-list .list .li8 {
		right: .3rem;
		top: 1rem;
	}

	.j-core02 .core02-list .list .li7 {
		top: 2.3333333333rem;
	}

	.j-core02 .core02-list .list .li6 {
		right: 0.6666666667rem;
		top: 3.4666666667rem;
	}

	.j-core02 .core02-list .list .li5 .box {
		padding-top: 0.36rem;
		top: .3rem;
	}

	.j-core02 .core02-list .list .li1 {
		left: 1.2rem;
		top: 0.1333333333rem;
	}

	.j-core02 .core02-list .list .li2 {
		left: .3rem;
		top: 1rem;
	}

	.j-core02 .core02-list .list .li3 {
		left: 0;
		top: 2.3333333333rem;
	}

	.j-core02 .core02-list .list .li4 {
		left: 0.6666666667rem;
		top: 3.4666666667rem;
	}

	.j-core02 .core02-list .list .li5 {
		left: 50%;
		transform: translateX(-50%);
	}

	.j-core02 .core02-list .list .li5 .box .i0 {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.core02-itemsbox .items {
		width: 100%;
		margin-left: 0;
		margin-bottom: .35rem;
	}

	.core02-itemsbox .items .p,
	.core02-itemsbox .items .line {
		opacity: 1;
		position: static;
	}

	.core02-itemsbox .items {
		height: 3rem;
		line-height: 3rem;
	}

	.core02-itemsbox .items .t0 {
		font-size: .28rem;
	}

	.core02-itemsbox .items .line {
		margin-top: .2rem;
		margin-bottom: .3rem;
	}

	.core02-itemsbox .items {
		font-size: .24rem;
	}

	.core02-itemsbox {
		padding-top: 1.2rem;
	}

	.j-specification .items {
		font-size: .24rem;
	}

	.j-serves-swiper .swiper-slide,
	.j-serves-swiper .itlist {
		height: auto;
	}

	.j-specification {
		padding-top: 1.2rem;
		padding-bottom: 1.2rem;
	}

	.j-specification .words.fr,
	.j-specification .words.fl,
	.j-specification .words {
		padding: .5rem .4rem;
	}

	.j-specification .items .txt {
		font-size: .26rem;
		line-height: 1.6;
		margin-top: .4rem;
	}

	.j-specification .items {
		margin-bottom: .5rem;
	}

	.j-specification .items .p {
		margin-top: .45rem;
	}

	.j-serves-swiper .items .img {
		position: static;
	}

	.j-serves-swiper .items .more {
		transform: translateX(0);
	}

	.j-serves-swiper .swiper-slide,
	.j-serves-swiper .itlist {
		padding: 0.08rem;
		padding-top: 0.5rem !important;
		padding-bottom: 0.3rem;
	}

	.j-serves-swiper .items .t-h1 {
		margin-top: 0.15rem;
		margin-bottom: 0.24rem;
	}

	.j-serves-swiper .items {
		padding-top: 0;
	}

	.j-serves-swiper .items .t-h0 {
		font-size: 0.2rem;
		margin-top: 0.35rem;
	}

	.performance-01 .itlist {
		width: 49%;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.performance-01 .itlist:nth-child(4n+1),
	.performance-01 .itlist:nth-child(5n+1) {
		margin-left: 2%;
	}

	.performance-01 .itlist:nth-child(2n+1) {
		margin-left: 0;
	}

	.performance-01 .itlist .more {
		position: static;
		opacity: 1;
		color: #666;
		margin-top: .3rem;
	}

	.j-serves-swiper .swiper-slide:hover .items .t-h0,
	.j-serves-swiper .itlist:hover .items .t-h0 {
		margin-top: .35rem;
	}

	.performance-01 {
		padding-top: 1.2rem;
		padding-bottom: 0.7rem;
	}

	.performance-01 .titbox .text {
		margin-top: .3rem;
	}

	.performance-01 .j-serves-swiper {
		margin-top: 0.75rem;
	}

	.performance-02 {
		padding-top: 1rem;
		padding-bottom: 1.7rem;
	}

	.performance-02 .textword,
	.performance-02 .textword .li {
		font-size: .26rem;
	}

	.performance-02 .titbox {
		margin-bottom: .6rem;
	}

	.performance-02 .textword .cn {
		margin-top: .2rem;
		font-size: .22rem;
	}

	.performance-02 .igbox2 {
		margin-top: 0.25rem;
		margin-bottom: 0.3rem;
	}

	.performance-02 .textword .li {
		/*width: 32%;*/
		/*margin: 0 .5%;*/
	}

	.performance-02 .textword .li .g {
		width: .4rem;
		height: .4rem;
	}

	.performance-02 .textword .li {
		height: 2rem;
		line-height: 2rem;
	}

	.performance-02 .textword .en {
		font-size: .2rem;
		margin-top: .12rem;
	}

	.performance-02 .s-more {
		margin-top: 1rem;
	}

	.jhj {
		padding-left: 0;
		padding-right: 0;
	}

	.performance-02 .textword img {
		max-height: .5rem;
	}

	.j-serves-swiper .items .img {
		width: .5rem;
		height: .5rem;
	}

	.tit-20 {
		font-size: .26rem;
	}

	.j-development .lists1 {
		padding-top: 1.2rem;
		padding-bottom: 0.9rem;
	}

	.j-development .lists1 .words .txt {
		font-size: .26rem;
		margin-top: 0.6rem;
		margin-bottom: 0.3rem;
	}

	.j-development .lists1 .words .text {
		font-size: .24rem;
	}

	.j-development .lists1 .words {
		font-size: .22rem;
	}

	.education-01 .list .words .li .li-top {
		font-size: .3rem;
	}

	.education-01 .list .words .li .li-bot .ti {
		font-size: .26rem;
		line-height: 1.6;
	}

	.education-01 .list .words .li .box {
		padding: .3rem .2rem;
	}

	.education-01 .list .words .li .li-bot .line {
		margin-top: .2rem;
		margin-bottom: .3rem;
	}

	.j-development .lists3 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.j-development .lists2 .tit,
	.j-development .lists3 .tit {
		margin-bottom: .45rem;
	}

	.education-03 .txt-cn {
		font-size: .28rem;
		margin-bottom: .3rem;
	}

	.education-03 .tit-cn {
		font-size: .34rem;
	}

	.education-03 {
		padding-top: 0.8rem;
		padding-bottom: 1.6rem;
	}

	.education-03 .line {
		margin-bottom: 0.3rem;
		margin-top: 0.3rem;
	}

	.education-03 {
		font-size: .24rem;
		line-height: 1.6;
	}
}

/*12545*/


.ppp-list.active .item {
	width: 33%;
}

.ppp-list.active .item:nth-child(3) {
	left: calc(33% + .25rem);

}

.ppp-list.active .item:nth-child(1) {
	top: auto;
	bottom: 31.5%;

}

.ppp-list.active .item:nth-child(4),
.ppp-list.active .item:nth-child(5) {
	left: calc(66% + .5rem);
}

.ppp-list.active .item:nth-child(5) {
	bottom: 7.5%;
}

.ppp-list.active .item:nth-child(3) {
	top: auto;
	bottom: 7.5%;

}

.ppp-list.active .item:nth-child(2) {
	bottom: 0;
}

.ppp-box .ppp-tit.active {
	top: 16%;
}

.ppp-box .ppp-tit.j {
	font-size: 15px;
	line-height: 1.2;
	top: 11%;
	transition: .5s ease-in-out;
}

.ppp-box .ppp-tit.j:hover {
	color: #d80a09;
	transition: .5s ease-in-out;
}


/* 常用字号 */
.tit-12 {
	font-size: 12px;
	line-height: 2;
}

.tit-13 {
	font-size: 13px;
	line-height: 2;
}

.tit-14 {
	font-size: 14px;
	line-height: 2;
}

.tit-15 {
	font-size: 15px;
	line-height: 2;
}

.tit-16 {
	line-height: 1.8;
	font-size: 16px;
}

.tit-17 {
	line-height: 1.8;
	font-size: 17px;
}

.tit-18 {
	line-height: 1.8;
	font-size: 18px;
}

.tit-19 {
	line-height: 1.8;
	font-size: 19px;
}

.tit-20 {
	line-height: 1.8;
	font-size: 20px;
}

.tit-21 {
	line-height: 1.8;
	font-size: 21px;
}

.tit-22 {
	line-height: 1.8;
	font-size: 22px;
}

.tit-23 {
	line-height: 1.8;
	font-size: 23px;
}

.tit-24 {
	line-height: 1.8;
	font-size: 24px;
}

.tit-25 {
	line-height: 1.8;
	font-size: 25px;
}

.tit-26 {
	line-height: 1.8;
	font-size: 26px;
}

.tit-27 {
	line-height: 1.8;
	font-size: 27px;
}

.tit-28 {
	line-height: 1.8;
	font-size: 28px;
}

.tit-29 {
	line-height: 1.8;
	font-size: 29px;
}

.tit-30 {
	line-height: 1.8;
	font-size: 30px;
}

.tit-31 {
	line-height: 1.8;
	font-size: 31px;
}

.tit-32 {
	line-height: 1.8;
	font-size: 32px;
}

.tit-33 {
	line-height: 1.8;
	font-size: 33px;
}

.tit-34 {
	line-height: 1.8;
	font-size: 34px;
}

.tit-35 {
	line-height: 1.8;
	font-size: 35px;
}

.tit-36 {
	line-height: 1.8;
	font-size: 36px;
}

.tit-37 {
	line-height: 1.8;
	font-size: 37px;
}

.tit-38 {
	line-height: 1.8;
	font-size: 38px;
}

.tit-39 {
	line-height: 1.8;
	font-size: 39px;
}

.tit-40 {
	line-height: 1.8;
	font-size: 40px;
}

.tit-41 {
	line-height: 1.8;
	font-size: 41px;
}

.tit-42 {
	line-height: 1.8;
	font-size: 42px;
}

.tit-43 {
	line-height: 1.8;
	font-size: 43px;
}

.tit-44 {
	line-height: 1.8;
	font-size: 44px;
}

.tit-45 {
	line-height: 1.8;
	font-size: 45px;
}

.tit-46 {
	line-height: 1.8;
	font-size: 46px;
}

.tit-47 {
	line-height: 1.8;
	font-size: 47px;
}

.tit-48 {
	line-height: 1.8;
	font-size: 48px;
}

.tit-49 {
	line-height: 1.8;
	font-size: 49px;
}

.tit-50 {
	line-height: 1.8;
	font-size: 50px;
}

.tit-51 {
	line-height: 1.8;
	font-size: 51px;
}

.tit-52 {
	line-height: 1.8;
	font-size: 52px;
}

.tit-53 {
	line-height: 1.8;
	font-size: 53px;
}

.tit-54 {
	line-height: 1.8;
	font-size: 54px;
}

.tit-55 {
	line-height: 1.8;
	font-size: 55px;
}

.tit-56 {
	line-height: 1.8;
	font-size: 56px;
}

.tit-57 {
	line-height: 1.8;
	font-size: 57px;
}

.tit-58 {
	line-height: 1.8;
	font-size: 58px;
}

.tit-59 {
	line-height: 1.8;
	font-size: 59px;
}

.tit-60 {
	line-height: 1.8;
	font-size: 60px;
}

.tit-61 {
	line-height: 1.8;
	font-size: 61px;
}

.tit-62 {
	line-height: 1.8;
	font-size: 62px;
}

.tit-63 {
	line-height: 1.8;
	font-size: 63px;
}

.tit-64 {
	line-height: 1.8;
	font-size: 64px;
}

.tit-65 {
	line-height: 1.8;
	font-size: 65px;
}

.tit-66 {
	line-height: 1.8;
	font-size: 66px;
}

.tit-67 {
	line-height: 1.8;
	font-size: 67px;
}

.tit-68 {
	line-height: 1.8;
	font-size: 68px;
}

.tit-69 {
	line-height: 1.8;
	font-size: 69px;
}

.tit-70 {
	line-height: 1.8;
	font-size: 70px;
}

.tit-71 {
	line-height: 1.8;
	font-size: 71px;
}

.tit-72 {
	line-height: 1.8;
	font-size: 72px;
}

.tit-73 {
	line-height: 1.8;
	font-size: 73px;
}

.tit-74 {
	line-height: 1.8;
	font-size: 74px;
}

.tit-75 {
	line-height: 1.8;
	font-size: 75px;
}

.tit-76 {
	line-height: 1.8;
	font-size: 76px;
}

.tit-77 {
	line-height: 1.8;
	font-size: 77px;
}

.tit-78 {
	line-height: 1.8;
	font-size: 78px;
}

.tit-79 {
	line-height: 1.8;
	font-size: 79px;
}

.tit-80 {
	line-height: 1.8;
	font-size: 80px;
}

@media (max-width: 1681px) {
	.service-item{
		width: 48%;
	}
	/*==常用字号==*/
	.tit-12 {
		font-size: 12px;
	}

	.tit-13 {
		font-size: 13px;
	}

	.tit-14 {
		font-size: 13px;
	}

	.tit-15 {
		font-size: 14px;
	}

	.tit-16 {
		font-size: 15px;
	}

	.tit-17 {
		font-size: 16px;
	}

	.tit-18 {
		font-size: 17px;
	}

	.tit-19 {
		font-size: 18px;
	}

	.tit-20 {
		font-size: 18px;
	}

	.tit-21 {
		font-size: 19px;
	}

	.tit-22 {
		font-size: 20px;
	}

	.tit-23 {
		font-size: 21px;
	}

	.tit-24 {
		font-size: 22px;
	}

	.tit-25 {
		font-size: 23px;
	}

	.tit-26 {
		font-size: 24px;
	}

	.tit-27 {
		font-size: 25px;
	}

	.tit-28 {
		font-size: 26px;
	}

	.tit-29 {
		font-size: 27px;
	}

	.tit-30 {
		font-size: 27px;
	}

	.tit-31 {
		font-size: 28px;
	}

	.tit-32 {
		font-size: 29px;
	}

	.tit-33 {
		font-size: 30px;
	}

	.tit-34 {
		font-size: 31px;
	}

	.tit-35 {
		font-size: 32px;
	}

	.tit-36 {
		font-size: 33px;
	}

	.tit-37 {
		font-size: 34px;
	}

	.tit-38 {
		font-size: 35px;
	}

	.tit-39 {
		font-size: 36px;
	}

	.tit-40 {
		font-size: 37px;
	}

	.tit-42 {
		font-size: 38px;
	}

	.tit-43 {
		font-size: 39px;
	}

	.tit-44 {
		font-size: 40px;
	}

	.tit-45 {
		font-size: 41px;
	}

	.tit-46 {
		font-size: 42px;
	}

	.tit-47 {
		font-size: 43px;
	}

	.tit-48 {
		font-size: 44px;
	}

	.tit-50 {
		font-size: 45px;
	}

	.tit-51 {
		font-size: 46px;
	}

	.tit-52 {
		font-size: 47px;
	}

	.tit-53 {
		font-size: 48px;
	}

	.tit-54 {
		font-size: 49px;
	}

	.tit-55 {
		font-size: 50px;
	}

	.tit-56 {
		font-size: 51px;
	}

	.tit-57 {
		font-size: 52px;
	}

	.tit-58 {
		font-size: 53px;
	}

	.tit-59 {
		font-size: 54px;
	}

	.tit-60 {
		font-size: 54px;
	}

	.tit-61 {
		font-size: 55px;
	}

	.tit-62 {
		font-size: 56px;
	}

	.tit-63 {
		font-size: 57px;
	}

	.tit-64 {
		font-size: 58px;
	}

	.tit-65 {
		font-size: 59px;
	}

	.tit-66 {
		font-size: 60px;
	}

	.tit-67 {
		font-size: 61px;
	}

	.tit-68 {
		font-size: 62px;
	}

	.tit-69 {
		font-size: 63px;
	}

	.tit-70 {
		font-size: 62px;
	}

	.tit-71 {
		font-size: 63px;
	}

	.tit-72 {
		font-size: 64px;
	}

	.tit-73 {
		font-size: 65px;
	}

	.tit-74 {
		font-size: 66px;
	}

	.tit-75 {
		font-size: 67px;
	}

	.tit-76 {
		font-size: 68px;
	}

	.tit-77 {
		font-size: 69px;
	}

	.tit-78 {
		font-size: 70px;
	}

	.tit-79 {
		font-size: 71px;
	}

	.tit-80 {
		font-size: 72px;
	}
}

@media (max-width: 1481px) {
	.service-item{
		width: 48%;
	}
	/*==常用字号==*/
	.tit-13 {
		font-size: 12px;
	}

	.tit-14 {
		font-size: 12px;
	}

	.tit-15 {
		font-size: 13px;
	}

	.tit-16 {
		font-size: 14px;
	}

	.tit-17 {
		font-size: 15px;
	}

	.tit-18 {
		font-size: 16px;
	}

	.tit-19 {
		font-size: 17px;
	}

	.tit-20 {
		font-size: 18px;
	}

	.tit-20 {
		font-size: 16px;
	}

	.tit-21 {
		font-size: 17px;
	}

	.tit-22 {
		font-size: 18px;
	}

	.tit-23 {
		font-size: 19px;
	}

	.tit-24 {
		font-size: 20px;
	}

	.tit-25 {
		font-size: 21px;
	}

	.tit-26 {
		font-size: 22px;
	}

	.tit-27 {
		font-size: 23px;
	}

	.tit-28 {
		font-size: 24px;
	}

	.tit-29 {
		font-size: 25px;
	}

	.tit-30 {
		font-size: 26px;
	}

	.tit-31 {
		font-size: 25px;
	}

	.tit-32 {
		font-size: 26px;
	}

	.tit-33 {
		font-size: 27px;
	}

	.tit-34 {
		font-size: 28px;
	}

	.tit-35 {
		font-size: 29px;
	}

	.tit-36 {
		font-size: 30px;
	}

	.tit-37 {
		font-size: 31px;
	}

	.tit-38 {
		font-size: 32px;
	}

	.tit-39 {
		font-size: 33px;
	}

	.tit-40 {
		font-size: 34px;
	}

	.tit-41 {
		font-size: 35px;
	}

	.tit-42 {
		font-size: 36px;
	}

	.tit-43 {
		font-size: 37px;
	}

	.tit-44 {
		font-size: 38px;
	}

	.tit-45 {
		font-size: 37px;
	}

	.tit-46 {
		font-size: 38px;
	}

	.tit-47 {
		font-size: 39px;
	}

	.tit-48 {
		font-size: 40px;
	}

	.tit-49 {
		font-size: 41px;
	}

	.tit-50 {
		font-size: 42px;
	}

	.tit-51 {
		font-size: 43px;
	}

	.tit-52 {
		font-size: 44px;
	}

	.tit-53 {
		font-size: 45px;
	}

	.tit-54 {
		font-size: 46px;
	}

	.tit-55 {
		font-size: 47px;
	}

	.tit-56 {
		font-size: 48px;
	}

	.tit-57 {
		font-size: 49px;
	}

	.tit-58 {
		font-size: 50px;
	}

	.tit-59 {
		font-size: 51px;
	}

	.tit-60 {
		font-size: 52px;
	}

	.tit-61 {
		font-size: 51px;
	}

	.tit-62 {
		font-size: 52px;
	}

	.tit-63 {
		font-size: 53px;
	}

	.tit-64 {
		font-size: 54px;
	}

	.tit-65 {
		font-size: 55px;
	}

	.tit-66 {
		font-size: 56px;
	}

	.tit-67 {
		font-size: 57px;
	}

	.tit-68 {
		font-size: 58px;
	}

	.tit-69 {
		font-size: 59px;
	}

	.tit-70 {
		font-size: 60px;
	}

	.tit-71 {
		font-size: 55px;
	}

	.tit-72 {
		font-size: 56px;
	}

	.tit-73 {
		font-size: 57px;
	}

	.tit-74 {
		font-size: 58px;
	}

	.tit-75 {
		font-size: 59px;
	}

	.tit-76 {
		font-size: 60px;
	}

	.tit-77 {
		font-size: 61px;
	}

	.tit-78 {
		font-size: 62px;
	}

	.tit-79 {
		font-size: 63px;
	}

	.tit-80 {
		font-size: 64px;
	}
}

@media (max-width: 1281px) {
	.service-item{
		width: 48%;
	}
	/*==常用字号==*/
	.tit-13 {
		font-size: 12px;
	}

	.tit-14 {
		font-size: 12px;
	}

	.tit-15 {
		font-size: 12px;
	}

	.tit-16 {
		font-size: 13px;
	}

	.tit-17 {
		font-size: 16px;
	}

	.tit-18 {
		font-size: 15px;
	}

	.tit-19 {
		font-size: 16px;
	}

	.tit-20 {
		font-size: 17px;
	}

	.tit-22 {
		font-size: 18px;
	}

	.tit-24 {
		font-size: 19px;
	}

	.tit-25 {
		font-size: 20px;
	}

	.tit-26 {
		font-size: 21px;
	}

	.tit-27 {
		font-size: 22px;
	}

	.tit-28 {
		font-size: 23px;
	}

	.tit-29 {
		font-size: 24px;
	}

	.tit-30 {
		font-size: 25px;
	}

	.tit-31 {
		font-size: 26px;
	}

	.tit-32 {
		font-size: 27px;
	}

	.tit-33 {
		font-size: 24px;
	}

	.tit-34 {
		font-size: 25px;
	}

	.tit-35 {
		font-size: 26px;
	}

	.tit-36 {
		font-size: 27px;
	}

	.tit-37 {
		font-size: 28px;
	}

	.tit-38 {
		font-size: 29px;
	}

	.tit-39 {
		font-size: 30px;
	}

	.tit-40 {
		font-size: 31px;
	}

	.tit-41 {
		font-size: 32px;
	}

	.tit-42 {
		font-size: 33px;
	}

	.tit-43 {
		font-size: 34px;
	}

	.tit-44 {
		font-size: 35px;
	}

	.tit-45 {
		font-size: 36px;
	}

	.tit-46 {
		font-size: 37px;
	}

	.tit-47 {
		font-size: 38px;
	}

	.tit-48 {
		font-size: 39px;
	}

	.tit-49 {
		font-size: 40px;
	}

	.tit-50 {
		font-size: 38px;
	}

	.tit-51 {
		font-size: 39px;
	}

	.tit-52 {
		font-size: 40px;
	}

	.tit-53 {
		font-size: 41px;
	}

	.tit-54 {
		font-size: 42px;
	}

	.tit-55 {
		font-size: 43px;
	}

	.tit-56 {
		font-size: 44px;
	}

	.tit-57 {
		font-size: 45px;
	}

	.tit-58 {
		font-size: 46px;
	}

	.tit-59 {
		font-size: 47px;
	}

	.tit-60 {
		font-size: 48px;
	}

	.tit-61 {
		font-size: 49px;
	}

	.tit-62 {
		font-size: 50px;
	}

	.tit-63 {
		font-size: 51px;
	}

	.tit-64 {
		font-size: 52px;
	}

	.tit-65 {
		font-size: 53px;
	}

	.tit-66 {
		font-size: 54px;
	}

	.tit-67 {
		font-size: 55px;
	}

	.tit-68 {
		font-size: 56px;
	}

	.tit-69 {
		font-size: 57px;
	}

	.tit-70 {
		font-size: 58px;
	}

	.tit-71 {
		font-size: 51px;
	}

	.tit-72 {
		font-size: 52px;
	}

	.tit-73 {
		font-size: 53px;
	}

	.tit-74 {
		font-size: 54px;
	}

	.tit-75 {
		font-size: 55px;
	}

	.tit-76 {
		font-size: 56px;
	}

	.tit-77 {
		font-size: 57px;
	}

	.tit-78 {
		font-size: 58px;
	}

	.tit-79 {
		font-size: 59px;
	}

	.tit-80 {
		font-size: 60px;
	}
}

@media (max-width: 1024px) {
	.service-item{
		width: 48%;
	}
	.tit-24 {
		font-size: 16px;
	}

	.tit-25 {
		font-size: 17px;
	}

	.tit-26 {
		font-size: 18px;
	}

	.tit-27 {
		font-size: 19px;
	}

	.tit-28 {
		font-size: 20px;
	}

	.tit-29 {
		font-size: 21px;
	}

	.tit-30 {
		font-size: 22px;
	}

	.tit-31 {
		font-size: 23px;
	}

	.tit-32 {
		font-size: 24px;
	}

	.tit-33 {
		font-size: 21px;
	}

	.tit-34 {
		font-size: 22px;
	}

	.tit-35 {
		font-size: 23px;
	}

	.tit-36 {
		font-size: 24px;
	}

	.tit-37 {
		font-size: 25px;
	}

	.tit-38 {
		font-size: 26px;
	}

	.tit-39 {
		font-size: 27px;
	}

	.tit-40 {
		font-size: 28px;
	}

	.tit-41 {
		font-size: 29px;
	}

	.tit-42 {
		font-size: 30px;
	}

	.tit-43 {
		font-size: 31px;
	}

	.tit-44 {
		font-size: 32px;
	}

	.tit-45 {
		font-size: 33px;
	}

	.tit-46 {
		font-size: 34px;
	}

	.tit-47 {
		font-size: 35px;
	}

	.tit-48 {
		font-size: 36px;
	}

	.tit-49 {
		font-size: 37px;
	}

	.tit-50 {
		font-size: 34px;
	}

	.tit-51 {
		font-size: 35px;
	}

	.tit-52 {
		font-size: 36px;
	}

	.tit-53 {
		font-size: 37px;
	}

	.tit-54 {
		font-size: 38px;
	}

	.tit-55 {
		font-size: 39px;
	}

	.tit-56 {
		font-size: 40px;
	}

	.tit-57 {
		font-size: 41px;
	}

	.tit-58 {
		font-size: 42px;
	}

	.tit-59 {
		font-size: 43px;
	}

	.tit-60 {
		font-size: 44px;
	}

	.tit-61 {
		font-size: 45px;
	}

	.tit-62 {
		font-size: 46px;
	}

	.tit-63 {
		font-size: 47px;
	}

	.tit-64 {
		font-size: 48px;
	}

	.tit-65 {
		font-size: 49px;
	}

	.tit-66 {
		font-size: 50px;
	}

	.tit-67 {
		font-size: 51px;
	}

	.tit-68 {
		font-size: 52px;
	}

	.tit-69 {
		font-size: 53px;
	}

	.tit-70 {
		font-size: 54px;
	}

	.tit-71 {
		font-size: 47px;
	}

	.tit-72 {
		font-size: 48px;
	}

	.tit-73 {
		font-size: 49px;
	}

	.tit-74 {
		font-size: 50px;
	}

	.tit-75 {
		font-size: 51px;
	}

	.tit-76 {
		font-size: 52px;
	}

	.tit-77 {
		font-size: 53px;
	}

	.tit-78 {
		font-size: 54px;
	}

	.tit-79 {
		font-size: 55px;
	}

	.tit-80 {
		font-size: 56px;
	}
}

@media (max-width: 768px) {
	.service-item{
		width: 48%;
	}
	.tit-16 {
		font-size: 12px;
	}

	.tit-18 {
		font-size: 14px;
	}

	.tit-20 {
		font-size: 16px;
	}

	.tit-33 {
		font-size: 20px;
	}

	.tit-34 {
		font-size: 21px;
	}

	.tit-35 {
		font-size: 22px;
	}

	.tit-36 {
		font-size: 23px;
	}

	.tit-37 {
		font-size: 24px;
	}

	.tit-38 {
		font-size: 25px;
	}

	.tit-39 {
		font-size: 26px;
	}

	.tit-40 {
		font-size: 24px;
	}

	.tit-41 {
		font-size: 25px;
	}

	.tit-42 {
		font-size: 26px;
	}

	.tit-43 {
		font-size: 27px;
	}

	.tit-44 {
		font-size: 28px;
	}

	.tit-45 {
		font-size: 29px;
	}

	.tit-46 {
		font-size: 30px;
	}

	.tit-47 {
		font-size: 31px;
	}

	.tit-48 {
		font-size: 32px;
	}

	.tit-49 {
		font-size: 33px;
	}

	.tit-50 {
		font-size: 28px;
	}

	.tit-51 {
		font-size: 29px;
	}

	.tit-52 {
		font-size: 30px;
	}

	.tit-53 {
		font-size: 31px;
	}

	.tit-54 {
		font-size: 32px;
	}

	.tit-55 {
		font-size: 33px;
	}

	.tit-56 {
		font-size: 34px;
	}

	.tit-57 {
		font-size: 35px;
	}

	.tit-58 {
		font-size: 36px;
	}

	.tit-59 {
		font-size: 37px;
	}

	.tit-60 {
		font-size: 36px;
	}

	.tit-61 {
		font-size: 37px;
	}

	.tit-62 {
		font-size: 38px;
	}

	.tit-63 {
		font-size: 39px;
	}

	.tit-64 {
		font-size: 40px;
	}

	.tit-65 {
		font-size: 41px;
	}

	.tit-66 {
		font-size: 42px;
	}

	.tit-67 {
		font-size: 43px;
	}

	.tit-68 {
		font-size: 44px;
	}

	.tit-69 {
		font-size: 45px;
	}

	.tit-70 {
		font-size: 46px;
	}

	.tit-70 {
		font-size: 42px;
	}

	.tit-71 {
		font-size: 43px;
	}

	.tit-72 {
		font-size: 44px;
	}

	.tit-73 {
		font-size: 45px;
	}

	.tit-74 {
		font-size: 46px;
	}

	.tit-75 {
		font-size: 47px;
	}

	.tit-76 {
		font-size: 48px;
	}

	.tit-77 {
		font-size: 49px;
	}

	.tit-78 {
		font-size: 50px;
	}

	.tit-79 {
		font-size: 51px;
	}

	.tit-80 {
		font-size: 52px;
	}
}

/* 常用字号 */


/* 新增 */

/* 匠筑廿五 */
.celebration-box {
	background-color: #F5F5F5;
	padding-bottom: 5%;
}

.white-box {
	background-color: #FFFFFF;
	padding-bottom: 5%;
}

.celebration {
	margin: 5% auto 0;
	display: flex;
	flex-wrap: wrap;
}

.message {
	width: 60%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #01499B;
	padding: 2% 2% 2% 4%;
	cursor: pointer;
}

.message-box {
	display: flex;
	align-items: center;
	width: 50%;
}

.message-pic img {
	object-fit: contain;
}

.message-tit {
	color: #FFFFFF;
	margin-left: 5%;
	white-space: nowrap;
}

.bgc {
	background-color: #FFFFFF;
	justify-content: center;
	transition: all 0.3s;
}

.font-cl {
	color: #000000;
}

.tit-center {
	justify-content: center;
}

.select img {
	object-fit: contain;
}

.message-board {
	width: 75%;
	margin: 3% auto 0;
	display: flex;
	flex-direction: column;
	/* align-items: center; */
}

.input-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.input-type {
	width: 32%;
	margin-right: 2%;
	padding: 0.5%;
	height: 50px;
	border: 1px solid #DBDBDB;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.input-type:last-child {
	margin-right: 0;
}

.input-type input::placeholder {
	color: #999999;
}

.input-type p {
	width: 20%;
	height: 100%;
	text-align: center;
	border-right: 1px solid #DBDBDB;
	display: flex;
	align-items: center;
	justify-content: center;
}

.input-type input {
	width: 80%;
	overflow: hidden;
	padding-left: 5%;
	height: 100%;
}

.vs-code {
	width: 25%;
	margin-top: 2%;
}

.vs-code p {
	width: 30%;
}

.vs-code input {
	width: 30%;
}

.vs-code img {
	width: 40%;
}

.wish {
	margin-top: 2%;
	border: 1px solid #DBDBDB;
	height: 270px;
	padding: 1% 2%;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.wish p {
	position: absolute;
	top: 3%;
	left: 2%;
}

.wish textarea {
	width: 100%;
	height: 100%;
	text-indent: 54px;
}

.wish textarea::placeholder {
	color: #999999;
}

.upload {
	margin-top: 2%;
	width: 100%;
}

.upload-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 2%;
}

.upload-click {
	color: #d80a09;
	text-decoration: underline;
	margin-right: 1%;
	cursor: pointer;
	position: relative;
	width: 27%;
	overflow: hidden;
}

.upload-btn {
	color: #d80a09;
	text-decoration: underline;
	margin-right: 1%;
	cursor: pointer;
	opacity: 1;
	/* position: absolute; */
	left: 0;
	top: 0;
}

.upload-intro {
	color: #666666;
}

.upload-pic {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.submit {
	/* margin: 4% auto 0; */
	width: 160px;
	height: 45px;
	line-height: 45px;
	background-color: #01499B;
	color: #FFFFFF;
	text-align: center;
	border: none;
}

.waterfall {
	background-color: #F5F5F5;
	overflow: hidden;
	position: relative;
	margin: 5% auto 3%;
}

.grid-item {
	padding: 4% 0;
	background-color: #FFFFFF;
	width: 32%;
}

.waterfall-list {
	background-color: #FFFFFF;
	width: 92%;
	height: 92%;
	margin: 0 auto;
}

.waterfall-list:nth-child(3n) {
	margin-right: 0;
}

.waterfall-tit {
	margin-bottom: 4%;
	font-weight: 550;
}

.waterfall-cont {
	padding-bottom: 8%;
	/* border-bottom: 1px solid #DBDBDB; */
	margin-bottom: 4%;
	color: #666666;
}

.waterfall-pic {
	display: flex;
	margin-bottom: 4%;
}

.waterfall-pic img {
	object-fit: contain;
	width: 100%;
}

.waterfall-type {
	color: #666666;
}

.cele-list {
	width: 48%;
	margin: 0 4% 4% 0;
	border: 1px solid rgb(241, 241, 241);
}

.cele-list:nth-child(2n) {
	margin-right: 0;
}

.cele-pic {
	width: 100%;
	overflow: hidden;
}

.cele-pic img {
	width: 100%;
	object-fit: contain;
	transition: all 0.5s;
}

.cele-pic img:hover {
	transform: scale(1.2);
}

.cele-box {
	padding: 4% 4% 2%;
}

.cele-tit,
.cele-intro {
	color: rgb(51, 51, 51);
}

.cele-cont {
	color: rgb(140, 140, 140);
	margin-top: 1%;
	line-height: 0.6rem;
	height: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cele-more {
	color: rgb(102, 102, 102);
}

.cele-more {
	display: block;
	padding: 1% 4%;
	border-top: 1px solid rgb(241, 241, 241);
}

.cele-detail {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
	top: 0;
	left: 0;
}

.isShow {
	display: none;
}

.cele-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -42%);
	display: flex;
	align-items: flex-start;
	padding: 3%;
	background-color: #FFFFFF;
}

.cele-dt-lf {
	width: 50%;
	margin-right: 4%;
}

.cele-dt-pic {
	width: 100%;
	overflow: hidden;
}

.cele-dt-pic img {
	width: auto;
	object-fit: contain;
	transition: all 0.5s;
}

.cele-dt-pic img:hover {
	transform: scale(1.2);
}

.cele-dt-box {
	margin-top: 2%;
}

.cele-dt-tit,
.cele-dt-intro {
	color: rgb(51, 51, 51);
}

.cele-dt-rg {
	width: 46%;
}

.cele-dt-type {
	color: #000000;
	font-weight: 550;
	margin-bottom: 2%;
}

.cele-dt-type:last-child {
	margin-bottom: 0;
}

.cele-dt-type div {
	display: block;
	color: rgb(102, 102, 102);
	font-weight: 500;
	margin-top: 2%;
	max-height: 160px;
	overflow-y: auto;
}

.cele-close {
	position: absolute;
	right: -25px;
	top: -10px;
	cursor: pointer;
	transition: all 0.5s;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cele-close img {
	object-fit: contain;
	width: 100%;
}

.cele-close:hover {
	transform: rotate(180deg);
}

.img-cover {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.cele-prev,
.cele-next {
	width: 1.75rem;
	height: 1.75rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.cele-prev {
	left: -8%;
}

.cele-next {
	right: -8%;
}

.cele-prev:hover {
	background-image: url(../img/cele-prev-active.png) !important;
	transition: all 0.3s;
}

.cele-next:hover {
	background-image: url(../img/cele-next-active.png) !important;
	transition: all 0.3s;
}

/* 匠筑廿五 */

/* 流金岁月 */
.year {
	padding-bottom: 5%;
}

.years {
	display: flex;
	flex-wrap: wrap;
	padding: 5% 0;
}

.years-top {
	width: 32%;
	margin: 0 2% 2% 0;
	background-color: #FFFFFF;
}

/* .years-top:nth-child(n+4) {
	margin-bottom: 0;
} */

.years-top:nth-child(3n) {
	margin-right: 0;
}

.years-top-list {
	width: 100%;
	overflow: hidden;
}

.years-top-list img {
	width: 100%;
	object-fit: contain;
	transition: all 0.5s;
}

.years-top-list img:hover {
	transform: scale(1.2);
}

.years-top-cont {
	padding: 0 5%;
	margin: 4% 0 6%;
	color: #666666;
}

.years-more {
	width: 10%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.pic-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: none;
	opacity: 0;
	z-index: 1;
}

.pic-detail {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.opation {
	opacity: 1;
	display: block;
	transition: all 0.3s;
}

.pic-detail img {
	object-fit: contain;
	width: 50%;
}

.years-more-pic img {
	object-fit: contain;
}

.years-more-tit {
	color: #d80a09;
	margin-top: 2%;
}

.year-btn {
	background-color: #F5F5F5;
	padding-bottom: 5%;
}

.year-box {
	display: flex;
	flex-wrap: wrap;
	padding: 5% 0;
	/* position: relative; */
}

.year-list {
	width: 32%;
	margin: 0 2% 2% 0;
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
}

.year-list:nth-child(n+4) {
	margin-bottom: 0;
}

.year-list:nth-child(3n) {
	margin-right: 0;
}

.year-list-top {
	position: relative;
}

.year-list-pic {
	width: 100%;
	padding: 2% 2% 0 2%;
	overflow: hidden;
	transition: all 0.5s;
	height: 8rem;
}

.year-list-pic img {
	width: 100%;
	object-fit: contain;
}

/* .year-list-pic img:hover {
	transform: scale(1.2);
} */

.year-list-pic2 {
	opacity: 0;
	width: 100%;
	padding: 2% 2% 0 2%;
	overflow: hidden;
	transition: all 0.5s;
	position: absolute;
	top: 0;
	left: 0;
}

.year-list-pic2 img {
	width: 100%;
	object-fit: contain;
}

.year-list:hover .year-list-pic {
	opacity: 0;
}

.year-list:hover .year-list-pic2 {
	opacity: 1;
}

.year-list-intro {
	padding: 4% 6%;
	border-bottom: 1px solid #EAEAEA;
}

.year-list-tit {
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.year-list-cont {
	height: 1.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 0.8rem;
}

.year-list-cont,
.year-list-more a {
	color: #666666;
}

.year-list-more {
	padding: 4% 6%;
}

.year-list-more:hover {
	background-color: #01499B;
	transition: all 0.3s;
}

.year-list-more:hover a {
	color: #FFFFFF;
	transition: all 0.3s;
}

.years-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.years-pagination a {
	border: 1px solid #C4C4C4;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	margin-right: 0.5%;
	color: #666666;
}

.years-pagination a:last-child {
	margin-right: 0;
}

.years-pagination a:hover {
	background-color: #01499B;
	color: #FFFFFF;
	transition: all 0.3s;
}

/* .prev {
	transform: rotate(180deg);
}

.prev,
.next {
	display: flex;
	align-items: center;
	justify-content: center;
}

.prev svg,
.next svg {
	width: 0.4rem;
	height: 0.4rem;
	fill: #666666;
} */

/* .cover-box {
	display: none;

} */

.year-detail-box {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
}

.year-detail {
	position: absolute;
	/* width: 100%; */
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	background-color: #FFFFFF;
	display: flex;
	align-items: flex-start;
	padding: 2%;
	z-index: 2;
}

.year-detail-pic {
	width: 48%;
	margin-right: 2%;
}

.year-detail-pic img {
	width: 100%;
	object-fit: contain;
}

.year-detail-intro {
	width: 48%;
}

.year-detail-intro p,
.year-detail-intro li span {
	color: #666666;
}

.year-detail-intro li {
	color: #004A9B;
}

.year-detail-intro .year-detail-tit,
.year-detail-intro .year-detail-type {
	color: #000000;
	font-weight: 550;
}

.year-detail-type {
	margin-top: 2%;
}

/* 流金岁月 */

/* 忆昔抚今 */
.memories {
	background-color: #F5F5F5;
	padding: 5% 0;
}

.mem-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5%;
	position: relative;
}

.mem-list {
	width: 48.5%;
	margin: 0 3% 3% 0;
	background-color: #fff;
	border: 1px solid rgb(237, 237, 237);
	padding: 2%;
}

.mem-list:nth-child(2n) {
	margin-right: 0;
}

/* .mem-list:last-child,
.mem-list:nth-last-child(2) {
	margin-bottom: 0;
} */

.mem-tit {
	color: #484848;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mem-pic {
	width: 100%;
	overflow: hidden;
	margin: 4% 0;
	height: 10rem;
}

.mem-pic img {
	width: 100%;
	object-fit: contain;
	transition: all 0.5s;
}

.mem-pic img:hover {
	transform: scale(1.1);
}

.mem-cont {
	color: #838383;
	margin-bottom: 4%;
	height: 1.6rem;
	line-height: 0.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mem-more {
	display: block;
	color: #01499B;
	width: 25%;
	padding: 2%;
	text-align: center;
}

.mem-more:hover {
	background-color: #01499B;
	color: #FFF;
	transition: all 0.5s;
}

/* 忆昔抚今 */

/* 司庆盛况 */
.pomp {
	background-color: #F5F5F5;
	padding: 5% 0;
}

.pomp-box {}

.pomp-list {
	border: 1px solid #DCDCDC;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-bottom: 4%;
	padding: 2%;
}

.pomp-pic {
	float: left;
	width: 48%;
	margin-right: 4%;
	overflow: hidden;
}

.pomp-pic img {
	width: 100%;
	object-fit: contain;
	transition: all 0.5s;
}

.pomp-pic img:hover {
	transform: scale(1.2);
}

.pomp-intro {
	width: 48%;
	float: right;
	padding-top: 1%;
}

.pomp-tit {
	color: #333333;
}

.pomp-cont {
	line-height: inherit;
	color: #666666;
	margin: 4% 0;
	width: 96%;
	line-height: 0.8rem;
	max-height: 4rem;
	overflow: hidden;
}

.pomp-more {
	display: block;
	color: #01499B;
	width: 20%;
	padding: 2% 0;
	text-align: center;
}

.pomp-more:hover {
	background-color: #01499B;
	color: #FFF;
	transition: all 0.5s;
}

.pomp-list:last-child {
	margin-bottom: 0;
}

.pomp-list:nth-child(2n) .pomp-pic {
	float: right;
	margin-right: 0;
}

.pomp-list:nth-child(2n) .pomp-intro {
	float: left;
	margin-right: 4%;
}

/* 司庆盛况 */

/* 庆典寄语 */
.remarks {
	background-color: #F5F5F5;
	padding: 5% 0;
}

.rem-box {
	display: flex;
	flex-wrap: wrap;
}

.rem-list {
	width: 33.3%;
	padding: 2%;
	border: 1px solid #DCDCDC;
	background-color: #fff;
	margin-right: -1px;
	margin-bottom: -1px;
}

/* .rem-list:nth-child(3n) {
	border-right: 1px solid #DCDCDC;
} */

/* .rem-list:last-child {
	border-right: 1px solid #DCDCDC;
} */

.rem-tit {
	color: #000;
	margin-bottom: 5%;
}

.rem-pic {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5%;
}

.rem-pic img {
	width: 100%;
	object-fit: contain;
	transition: all 0.5s;
}

.rem-pic img:hover {
	transform: scale(1.2);
}

.rem-cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rem-time {
	color: #666666;
}

.rem-more {
	padding: 2%;
	color: #01499B;
}

.rem-more:hover {
	background-color: #01499B;
	color: #ffffff;
	transition: all 0.3s;
}

/* 庆典寄语 */

/* 建党动态 */
.anniversary {
	padding: 5% 0;
}

.ann-top {
	display: flex;
}

.ann-top-list {
	width: 49%;
	margin: 0 2% 2% 0;
	position: relative;
	overflow: hidden;
}

.ann-top-list:nth-child(2n) {
	margin-right: 0;
}

.ann-top-pic {
	width: 100%;
	object-fit: contain;
	transition: all 0.5s;
}

.ann-top-pic:hover {
	transform: scale(1.2);
}

.ann-top-intro {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 4%;
}

.ann-top-time,
.ann-top-tit {
	color: #FFFFFF;
}

.ann-btn {
	display: flex;
	flex-wrap: wrap;
}

.ann-btn-list {
	width: 32%;
	margin: 0 2% 4% 0;
	display: block;
}

.ann-btn-list:nth-child(3n) {
	margin-right: 0;
}

.ann-btn-pic {
	width: 100%;
	margin-bottom: 6%;
	overflow: hidden;
}

.ann-btn-pic img {
	width: 100%;
	object-fit: contain;
	transition: all 0.5s;
}

.ann-btn-pic img:hover {
	transform: scale(1.2);
}

/* .ann-btn-box {
	height: 49%;
} */

.ann-btn-intro {
	padding-bottom: 6%;
	border-bottom: 1px solid #E5E5E5;
}

.ann-btn-tit {
	color: #333333;
	margin-bottom: 2%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ann-btn-list:hover .ann-btn-tit {
	color: #d80a09;
}

.ann-btn-cont {
	color: #666666;
	height: 1.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 0.8rem;
}

.ann-btn-other {
	padding: 2% 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ann-btn-other div {
	width: 0.4rem;
	height: 0.4rem;
	line-height: 0;
}

.ann-btn-other div svg {
	width: 0.4rem;
	height: 0.4rem;
	fill: #0F55A0;
	line-height: 0;
}

.ann-btn-time .time-big {
	color: #E60012;
	width: 100%;
	text-align: right;
	display: block;
	line-height: normal;
}

.ann-btn-time .time-little {
	color: #A9A9A9;
	display: block;
	line-height: normal;
}

/* 建党动态 */

/* 红色记忆 */
.memory-top-pic {
	position: relative;
	z-index: 1;
}

.memory-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: ;
}

.memory-play img {
	object-fit: contain;
}

/* 红色记忆 */

.videos {
	width: 29.5rem;
	height: auto;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.videos video {
	display: block;
	width: 100%;
}

.videos .vclose {
	position: absolute;
	cursor: pointer;
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	top: 0.375rem;
	right: 0.375rem;
}

.videos_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	background: #000;
	display: none;
	opacity: 0.6;
}

#ad {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
	width: 100px;
	height: 100px;
	text-align: center;
	/* background-color: rgb(243,213,125); */
	border-radius: 50%;
	overflow: hidden;
}

#ad a {
	display: block;
	width: 100%;
	height: 100%;
	color: #d80a09;
	line-height: 100px;
	font-size: 0;
}

#ad a img {
	width: 100%;
	object-fit: cover;
	/* height: 65px; */
}

.years-pagination {
	width: 100%;
}

.pagination {
	width: 90%;
}

.add-other {
	margin-top: 25%;
	margin-left: 8%;
}

.add-more {
	margin-bottom: 3%;
}

.flie-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 2%;
}

.flie-wrap .file-btn {
	width: 160px;
}

.add-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2%;
}

.message-close {
	width: 160px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #01499B;
	/* margin: 2% auto 0; */
	color: #FFFFFF;
	margin-left: 5%;
	cursor: pointer;
}

.flie-name {
	font-size: 16px;
}

#file-btn1 {
	font-size: 16px;
}

.flie-name .file-s0 {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.flie-name .file-s0-close {
	font-size: 0;
	margin-left: 0.25rem;
	margin-right: 0.5rem;
	position: relative;
	width: 0.5rem;
	height: 0.5rem;
	overflow: hidden;
	display: inline-block;
}

.flie-name .file-s0-close::after {
	content: '';
	position: absolute;
	background-image: url(../img/close-1.png);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 0.35rem;
	height: 0.35rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* #ad:hover {
	background-color: #d80a09;
	transition: all 0.3s;
}

#ad:hover a {
	color: #FFFFFF;
	transition: all 0.3s;
} */

@media (max-width: 1680px) {
	.service-item{
		width: 48%;
	}
	.cele-prev {
		left: -6%;
	}

	.cele-next {
		right: -6%;
	}
}

@media (max-width: 1200px) {
	.upload-click {
		width: 30%;
	}
}

@media (max-width: 1024px) {
	.add-other {
		margin-top: 60%;
	}

	.cele-popup {
		width: 90%;
	}

	.celebration {
		flex-direction: column;
	}

	.cele-list {
		width: 100%;
		margin-right: 0;
	}

	.years,
	.year-box {
		padding: 5%;
	}

	.years-top,
	.year-list {
		width: 49%;
	}

	.years-top:nth-child(3n) {
		margin-right: 2%;
	}

	.year-list:nth-child(3n) {
		margin-right: 2%;
	}

	.years-top:nth-child(2n) {
		margin-right: 0;
	}

	.year-list:nth-child(2n) {
		margin-right: 0;
	}

	.anniversary {
		padding: 5%;
	}

	.year-detail {
		width: 90%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.waterfall {
		left: 5%;
	}
}

@media (max-width: 992px) {
	.cele-popup {
		flex-direction: column;
		transform: translate(-50%, -43%);
	}

	.cele-dt-lf {
		width: 100%;
	}

	.cele-dt-pic img {
		width: 100%;
	}

	.cele-dt-rg {
		width: 100%;
		display: flex;
	}

	.cele-dt-type {
		width: 49%;
		margin-right: 2%;
	}

	.cele-dt-type:nth-child(2n) {
		margin-right: 2%;
	}

	.cele-prev,
	.cele-next {
		width: 1.2rem;
		height: 1.2rem;
	}

	.cele-next {
		right: -1.2rem;
	}

	.cele-prev {
		left: -1.2rem;
	}

	.pomp-more {
		width: 25%;
	}
}

@media (max-width:767px) {
	.cele-more {
		padding: 1% 2%;
	}

	.cele-box {
		padding: 2%;
	}

	.year-list-more {
		padding: 1% 4%;
	}

	.cele-cont,
	.mem-cont,
	.ann-btn-cont {
		line-height: 0.3rem;
		height: 0.6rem;
	}

	.year-list-pic {
		height: 2.5rem;
	}

	.videos {
		width: 90%;
	}

	.waterfall {
		left: 0;
	}

	.cele-popup {
		transform: translate(-50%, -47%);
		max-height: 450px;
		overflow-y: auto;
	}

	.cele-close {
		right: 15px;
		top: 15px;
	}

	.cele-dt-rg {
		flex-direction: column;
	}

	.cele-dt-type {
		width: 100%;
		margin-right: 0;
	}

	.cele-prev,
	.cele-next {
		width: 0.3rem;
		height: 0.3rem;
		display: none;
	}

	/* .cele-next {
		right: -0.3rem;
	}

	.cele-prev {
		left: -0.3rem;
	} */

	.years-pagination a {
		width: 0.5rem;
		height: 0.5rem;
		line-height: 0.5rem;
	}

	.mem-box {
		flex-direction: column;
	}

	.mem-list {
		width: 100%;
		margin-right: 0;
	}

	.pomp-list {
		display: flex;
		flex-direction: column;
	}

	.pomp-pic {
		width: 100%;
		margin-right: 0;
	}

	.pomp-intro {
		width: 100%;
	}

	.pomp-cont {
		margin: 2% 0;
	}

	.pomp-more {
		width: 30%;
		text-align: center;
		background-color: #01499B;
		color: #FFF;
	}

	.rem-list {
		width: 50%;
	}

	.rem-more {
		background-color: #01499B;
		color: #ffffff;
	}

	.mem-more {
		background-color: #01499B;
		color: #ffffff;
	}

	.year-list-more {
		background-color: #01499B;
	}

	.year-list-more a {
		color: #ffffff;
	}

	.year-list-cont {
		height: 0.6rem;
		line-height: 0.3rem;
	}

	.cele-more {
		background-color: #01499B;
		color: #FFFFFF;
	}

	.cele-more:hover {
		color: #FFFFFF;
	}

	/* .ann-btn-cont {
		height: 0.8rem;
	} */

	.ann-btn-other a {
		width: 0.2rem;
		height: 0.2rem;
	}

	.ann-btn-other a svg {
		width: 0.2rem;
		height: 0.2rem;
	}

	.ann-top {
		flex-direction: column;
	}

	.ann-top-list {
		width: 100%;
		margin-right: 0;
	}

	.ann-top-intro {
		position: inherit;
		padding: 2%;
	}

	.ann-top-time,
	.ann-top-tit {
		color: #666666;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ann-btn-list {
		width: 49%;
	}

	.ann-btn-list:nth-child(3n) {
		margin-right: 2%;
	}

	.ann-btn-list:nth-child(2n) {
		margin-right: 0;
	}

	.year-detail {
		flex-direction: column;
		max-height: 450px;
		overflow-y: auto;
	}

	.pic-detail img {
		width: 90%;
	}

	.year-detail-pic {
		width: 100%;
		margin-right: 0;
	}

	.year-detail-intro {
		width: 100%;
	}

	.input-box {
		flex-direction: column;
	}

	.input-type {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.wish p {
		top: 2%;
	}

	.grid-item {
		left: 50% !important;
		transform: translateX(-50%);
	}

	.message-board {
		width: 100%;
	}

	.upload-box {
		flex-direction: column;
	}

	.upload-click {
		width: 100%;
	}

	.message {
		width: 100%;
	}

	.mem-list:last-child,
	.mem-list:nth-last-child(2) {
		margin-bottom: 3%;
	}

	.mem-pic {
		height: 4rem;
	}

	.vs-code {
		width: 100%;
		height: 80px;
	}

	.flie-wrap {
		flex-direction: column;
		align-items: flex-start;
	}

	.flie-wrap .file-btn {
		width: auto;
	}
}

/* 767 */

@media (max-width:500px) {
	.service-item{
		width: 100%;
	}
	.years-more {
		width: 20%;
	}

	/* .ann-btn-cont {
		line-height: 0.4rem;
	} */

	.wish p {
		top: 1.5%;
	}

	.mem-more {
		width: 35%;
	}
}

/* 新增 */

/* 动画 */
/* 从上往下 */
.animate_fadeInDown {
	animation: move 1s;
}

@keyframes move {
	0% {
		margin-top: -50px;
		margin-bottom: 50px;
		opacity: 0;
	}

	100% {
		opacity: 1;
		margin-top: 0;
		margin-bottom: 0;
	}
}


/* 从左向右 */

.animate_fadeInLeft {
	animation: moveleft 1s;
}

@keyframes moveleft {
	0% {
		margin-left: -50%;
		margin-right: 50%;
		opacity: 0;
	}

	100% {
		margin-left: 0;
		margin-right: 0;
		opacity: 1;
	}
}

/*大幅度从左向右*/
.animate_fadeInLeft1 {
	animation: moveleft1 1s;
}

@keyframes moveleft1 {
	0% {
		margin-left: -90%;
		margin-right: 90%;
		opacity: 0;
	}

	100% {
		margin-left: 0;
		margin-right: 0;
		opacity: 1;
	}
}

/* 从右向左 */

.animate_fadeInRight {
	animation: moveright 1s;
}

@keyframes moveright {
	0% {
		margin-right: -50%;
		margin-left: 50%;
		opacity: 0;
	}

	100% {
		margin-right: 0;
		margin-left: 0;
		opacity: 1;
	}
}

/* 大幅度从右向左 */
.animate_fadeInRight1 {
	animation: moveright1 1s;
}

@keyframes moveright1 {
	0% {
		margin-right: -90%;
		margin-left: 90%;
		opacity: 0;
	}

	100% {
		margin-right: 0;
		margin-left: 0;
		opacity: 1;
	}
}

/*从下往上*/

.animate_down_up {
	animation: moverDownUp 1s;
}

@keyframes moverDownUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}


/* 淡入 */

.animate_info {
	animation: moveInFO 1s;
}

@keyframes moveInFO {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


/* 淡入时间 */

.animate_info2 {
	animation: moveInFO2 2s;
}

@keyframes moveInFO2 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


/* 淡入时间 */

.animate_info3 {
	animation: moveInFO3 3s;
}

@keyframes moveInFO3 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* 动画 */

.bg-box {
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../img/jpg/i20.jpg) #fff right bottom;
	background-size: 100%;
	background-color: rgba(255, 255, 255, 0.8); /* 白色背景，50% 透明度 */
}


/* 返回顶部按钮 */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: 999;
}

.back-to-top.active {
	opacity: 1;
	visibility: visible;
}

.back-to-top:hover {
	background-color: #c41920;
	transform: translateY(-5px);
}